JavaScript 기본 지식

 

<script src="js/cafe.js"></script>

window.onload = function () { };

 

Callback Function

함수를 명시적으로 호출하는 방식이 아니라 특정 이벤트가 발생했을 때 시스템에 의해 호출되는 함수

파라미터로 함수를 전달하는 함수

number.forEach(x => {
    console.log(x * 2);
});

document.querySelector(".store_display").addEventListener("click", function () {};

 

Window 객체

alert()

alert("경고);

confrim()

if(confirm("Yes or No"))
	console.log("Yes");
else
	console.log("No");

prompt()

var txt = prompt("문자열 입력", "사용자 입력");

Backtick

let poll = `
<div class="poll-title">[당신의 선택]</div>
<div class="poll-question">${question}</div>
<div class="poll-answer">
  <ul>
`;

 

이런식으로 묶은다음에 나중에 

pollViewDiv.innerHTML = pollContent;

문자열을 HTML태그로 삽입한다.

 

Tag 숨기기 보이기

document.querySelector(".profile_img_init").style.display = "block";
document.querySelector(".profile_img_login").style.display = "none";

 

Tag 새로 만들기

let divEl = document.createElement("div");
divEl.setAttribute("class", "poll-answer-item");

let inputEl = document.createElement("input");
inputEl.setAttribute("type", "text");
inputEl.setAttribute("name", "answer");

let buttonEl = document.createElement("button");
buttonEl.setAttribute("type", "button");
buttonEl.setAttribute("class", "button");
buttonEl.appendChild(document.createTextNode("삭제"));

자식 태그 삭제

divEl.appendChild(inputEl);
pollAnswerListDiv.removeChild(parentEl);

 

 

LocalStorage 사용하기

let answers = localStorage.getItem("answers");
let answerArr = JSON.parse(answers);

//객체 문자열로 바꿔서 로컬스토리지에 저장
localStorage.setItem("question", question);
localStorage.setItem("answers", JSON.stringify(answerArr));


// JSON.stringify() : JavaScript 객체를 JSON 문자열로 변환.
// JSON.parse() : JSON 문자열을 JavaScript 객체로 변환.

 

새로운 창 열기

window.open("makepoll.html", "poll", "width=420, height=300, top=300, left=400");

 

화면 다시 돌아가기

window.location.replace("login.html");