IT/JavaScript2 JavaScript(2) ToDoList 만들기 오늘은 자바스크립트로 ToDoList를 만들겠습니다. 먼저 toDo.html을 만들어 아래와 같이 작성해줍니다. ToDoList /* css 파일 */ body{ background-color: #1abc9c; } h2{ margin-top: 100px; margin-left: 700px; } form{ margin-top: 30px; margin-left: 700px; } form input[type=text]{ font-size: 30px; } ul{ margin-left: 700px; list-style-type: none; } li{ font-weight: bold; font-size: 30px; } form 태그를 이용해 엔터를 누를 때 마다 input 박스에서 작성한, 할 일이 ul 안에 리스.. 2020. 2. 12. JavaScript(1) 시계 만들기 자바스크립트로 시계를 만들어보겠습니다. 00:00:00 먼저 위와 같이 시계를 보여줄 html 문서를 하나 만들어줍니다. 그러면 화면에 위와 같이 00:00:00 표시가 나옵니다. 그다음으로 자바스크립트 코드를 넣을 문서를 하나 만들어줍니다. 저 같은 경우에는 clock2.js, 이렇게 파일 이름을 만들었습니다. const clock = document.querySelector(".clock"); /* html 문서안에서 class 이름이 clock인 코드를 가지고 와서 상수 clock으로 설정해줍니다. 이 부분 입니다. */ const clockTitle = clock.querySelector("h1"); /* 그 후 00:00:00 안에 있는 h1 태그를 상수 clockTitle로 설정해줍니다. */.. 2020. 2. 3. 이전 1 다음
