개념 Math.floor() var value = Math.floor(2.54); document.write(value); // 2 Math.floor() 함수는 소수점 이하의 숫자들을 모두 버리는 역할을 수행하는 함수로 위의 코드처럼 2.54인 경우 2만 살고 .54는 모두 버리면서 결과값으로 2를 반환한다. 비슷한 함수로서 Math.ceil() 같은 경우는 소수점 이하를 올림해버리고, Math.round()는 반올림하는 역할을 한다. Math.random() var i = Math.random(); document.write(i); // 0.XXXXXXXXXXXXX Math.random()의 경우 이름에서 처럼 0 이상 1 미만의 난수를 추출하는 함수이다. 소수점을 처리하는 함수없이 단독으로 쓰일 경..

개념 if var n = 100; if (n < 200) { document.write("n은 200미만입니다.") } if (조건식) {실행문} 형태로, n이 200 미만이라면 "n은 200미만입니다."를 출력한다는 식이다. 하지만, n이 200 이상일 때는 어떻게 될까? 조건식에 맞지 않기 때문에 아무것도 실행하지 않는다. if (n < 200) { document.write("n은 200미만입니다.") } else { document.write("n은 200이상입니다.") } if 뒤에 else {실행문}를 추가해서 if의 조건식이 아닐 경우 else의 실행문을 실행하게 된다. 하지만, 여기서 n이 딱 200일 경우 "n은 200입니다."를 추가하고 싶다면 어떻게 해야 할까? if (n < 200)..

개념 while var a = 1; while (a < 3) { document.write(a); a++; // 무한 반복을 방지하기 위한 장치 }; while은 평가 결과가 false가 나올 때까지 문장을 무한 반복하여 실행한다. 무한 반복 방지를 위해 위의 코드처럼 'a++'같은 장치가 필요하다. ( ) 안에는 조건식이 들어가며, { } 안에는 조건식이 true일 때 실행될 문장이 들어간다. 따라서, a가 3보다 작을 때 k를 문서에 작성하겠다는 뜻이다. 밑에 k++가 있기 때문에 처음 1이었던 a는 2가 되어 다시 처음 조건식으로 돌아간다. do ~ while var a = 1; do { document.write(a); a++; } while (a < 3) { document.write("done..

개념 HTML의 문자(내용) 수정하기 html 코드의 id 값을 이용하여 자바스크립트로 코드를 수정할 수 있다. document.getElementById("apple").innerHTML = "apple"; 원래 p 태그에 아무 내용도 없었지만, 자바스크립트로 위와 같이 입력해주면 "apple"이라는 단어가 출력된다. 만약, p 태그에 다른 내용이 있었더라도 innerHTML을 이용하면 해당 값으로 수정된다. CSS의 color 속성 수정하기 Hello! Click // 1. h1의 색깔 수정하기 document.getElementById("bow").style.color = "red"; // 2. 버튼을 눌렀을 때 h1의 색깔이 변경 function btn() { document.getElementB..