presentLee

Log in html 단에 id로 묶은 입력창과 버튼. const ok1= document.querySelector("#login input"); const ok2 = document.querySelector("#login button") function whenEvent() { console.log(ok1.value); } ok2.addEventListener("click",whenEvent); 해당 id에 있는 input과 button을 각각 할당 버튼에 click 이벤트가 발생했을 때 input에 입력된 값을 콘솔로 보여준다.

웹/js 2022. 6. 26. 20:57

js에서 html에 접근, 수정 가능. 콘솔에서 documnet 를 치면 html 내용이 나옴 document.title = "string" 과 같은 형식으로 수정 가능. document.getElementById("string") 과 같이 html에서 지정한 id에 해당하는 부분을 get할 수 있음 const grab = document.getElementById("hi"); console.log(grab); 과 같이 하면 hi 라는 Id에 해당하는 부분 hello world 을 긁어옴. const grab = document.getElementById("hi"); grab.innerText = "Hi"; 이렇게 해서 html에서 해당 id 내부의 내용을 바꿀 수 있음. document.querySel..

웹/js 2022. 6. 25. 04:33

변수 = prompt("문구") prompt 함수로 브라우저에서 사용자에게 질문을 하고 답변을 변수에 저장함. 무조건 string으로 저장되는데 parseInt() 함수로 이 string을 숫자 형태로 변환 가능. 문자열을 숫자로 변환하는 함수이기에 숫자가 들어가면 NaN 변수 = parseInt(prompt("문구") ); 같은 형태로 사용할 것 계산기이기에 문자를 입력해서 NaN인 상태면 에러를 반환. 여기에는 isNaN() 함수를 사용, 인자가 NaN이면 true 반환 if(isNan()) { } 형태로 사용할 것 js에서 두 인자 동일 확인은 === 같지않다 !==

웹/js 2022. 6. 24. 06:54

자바스크립트 배열 const array1 = ["mon","tue","wed"] 와 같이 선언. 0부터센다. array1[0] == "mon" array1.push(4) // array1의 맨 뒤에 4 라는 항목을 추가함. 위와같이 요일을 표기하는 경우 배열이 한 주제로 있다. 자바스크립트 object 하지만 케릭터의 상태를 배열에 넣으려고 하는 경우 const character = ["Nick",100] 과 같은 배열일때 각 요소가 어떤 부분인지 구분 필요 이때 object 사용 const character = { name:"Nick", hp:100 } 과 같이 선언 = 대신 : 사용, ; 대신 , 사용 사용할때 character.name 과 같이 사용 object를 사용할때 const로 변수를 선언했..

웹/js 2022. 6. 23. 01:51

각각 파일을 만들어준 후 html 파일에서 head 부분에 (css파일과 연결) body 부분에 (js 파일과 연결)

웹/js 2022. 6. 22. 21:31