영미 studio
창작 영미
20191120. to-do list 웹사이트 weather js
-노마드코더 니콜라스 강의를 보고 정리
20191118. to-do list 웹사이트, bgImage js, css 부분 정리
-노마드코더 니콜라스 강의를 보고 정리
20191118. to-do list 웹사이트 js 부분 정리
-노마드코더 니콜라스 강의를 보고 정리
20191107. to-do list 웹사이트 js 부분 + to-do list 스토리지저장하기
const toDos = []; // toDos 를 배열로 만들어준다, 스토리지에 여러 todolist를 저장하기위해서 배열로 바꾸어줘야한다. function saveToDos() { localStorage.setItem(TODOS_LS, JSON.stringify(toDos)); } /* saveToDos함수를 만들고 toDos변수는 이제 객체가 되었기때문에 스토리지에서 저장할때 string이 아니기때문에 제대로 저장할수가 없다. 그렇기때문에 JSON.stringify를 이용하여 저장하게 한다. */ function paintToDo(text) { const li = document.createElement("li"); const delBtn = document.createElement("button"..
20191107. to-do list 웹사이트 js 부분
const toDoForm = document.querySelector(".js-toDoForm"), toDoInput = toDoForm.querySelector("input"), toDoList = document.querySelector(".js-toDoList"); const TODOS_LS = "toDos"; /* 우선 변수 입력부터 한다. form태그와 input, list 의 변수를 입력한다. */ function init(){ loadToDos(); toDoForm.addEventListener("submit", handleSubmit); }; init(); /* const toDos = localStorage.getItem(TODOS_LS); - TODOS_LS(=toDos)의 값을 to..
20191107. 시계,이름설정 웹사이트, js부분
const form = document.querySelector(".js-form"), input = form.querySelector("input"), greeting = document.querySelector(".js-greetings"); /* html에서 js로 다룰 class들을 js에서 변수로 설정해놓자. const를 사용해, 세가지 변수를 만들었다. */ 그다음 이름을 불러오는 함수를 만든다, 변수설정으로 현재 로컬스토리지에 유저네임을 저장하고 저장된 변수가 이름이 설정되있을경우 showing 클래스로 바꾸어 보여지게하고, Hello문구를 붙인다. 저장된 변수가 이름이 설정되어있지않을 경우 askForName() 함수를 실행시키자. function loadName(){ const curre..
20191107. 시계, 이름설정 웹사이트 html 부분
body 00:00 // h1태그로 시계틀을 만들고 class 를 js로 다루기위해 js-clock으로 설정 /* 이름을 넣으면 저장하고 인사말을 출력하기위해 이름을 적을 input태그를 만든다. form태그로 우선 만들어주고 안에 input태그를 추가한다. form태그의 class는 js로다룰 js-form form 두개를 지정한다. class에 두개를 입력한 이유는 class form은 css에서 display: none 으로 하여 가려야하기때문이다. 하지만 처음에 입력할때 가리면 안되기때문에 showing이라는 class를 만들어 display: block을 해준다. */ /* h4태그로 만들어놓은 이것은 이름을 입력했을때 출력할 문구를 설정해놓은것이다. 뒤에 greetings class를 붙여놓은..
20191030. html, 시계웹사이트
시간이 1초마다 바뀌는 시계를 보여주는 웹사이트를 만들어보자