본문 바로가기
반응형

전체 글59

[JS] localStorage 이용하기 with Nicolas. input 창에 이름을 입력하고 localStorage에 저장해서 새로고침해도 입력한 이름을 기억하게 해보자. 코딩순서 1. 구조짜기 - form 과 자식요소로 input 생성 이름 입력 후 뜨는 text를 띄우기 위한 글자태그 생성(h, p 등) 2. 변수선언 - 구조로 만든 것들 모두 변수 선언하기 3. 함수선언 1) 이름 입력시 띄우는 메시지 함수 2) 엔터시 새로고침되는 이벤트를 중지하는 함수 3) 이름이 입력되지 않았을 때 계속 form창을 유지하게 하는 함수 4) if구문을 넣은 함수(저장된 이름이 없을시 3번함수, 있을시 1번함수) 5) localStorage에 이름을 저장하는 함수(setItem메소드 이용) HTML Javascript const form = doc.. 2020. 10. 22.
[JS]전자시계 만들기 with Nicolas. JS 강의를 통해 전자시계를 만들었다. 제이쿼리를 사용해 홈페이지를 만들만한 실력을 되기 때문에 모르는 문법은 없을거라고 생각했으나, 처음 보는 문법이 있다. 복습해보자. 코딩 순서 1. html에 class를 가진 div를 생성 후 자식요소로 시계를 표현할 text 입력(00:00:00) 2. 변수 선언 - div와 text를 변수로 선언 3. 함수 선언 - 함수 내에 const date = new Date(); 를 시작으로 시, 분, 초를 변수 선언한다. innerText 속성을 이용해 (00:00:00)이 시간으로 변경되게 한다. 4. 함수 선언 - 위에 선언한 함수를 호출하고, setInterval 메소드를 이용해 자동 업데이트 되게 한다. 5. 함수 호출 - 위의 함수를.. 2020. 10. 21.
[JS] 간단한 수학연산 코드 만들기 자바스크립트를 이용해 수학연산 코드를 짜보자. const calculator = { plus: function(a,b){ return a+b; //덧셈 }, //객체 내 요소끼리 이을때 ',(쉼표)' 잊지말자 ! minus: function(a,b){ return a-b; //뺄셈 }, multiple: function(a,b){ return a*b; //곱셈 }, division: function(a,b){ return a/b; //나눗셈 }, root: function(a,b){ return a**b; //제곱근 } } const plus = calculator.plus(5,5); //10 const minus = calculator.minus(5,5); //0 const multiple = calc.. 2020. 10. 20.
728x90
반응형

티스토리툴바