Javascript (17) 썸네일형 리스트형 [Programmers/JavaScript] Lv.0 - a 와 b 출력하기 문제 설명 정수 a와 b가 주어집니다. 각 수를 입력받아 입출력 예와 같은 형식으로 출력하는 코드를 작성해 보세요. 제한사항 -100,000 ≤ a, b ≤ 100,000 입출력 예 입력 #1 4 5 출력 #1 a = 4 b = 5 문제 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = line.split(' '); }).on('close', function () { console.log(Number(input[0]), Number(i.. [calendar]자바스크립트로 날짜를 구할 수 있을까? 어떻게 하면 자바스크립트에서 오늘 날짜를 구할 수 있을까? Date는 날짜와 시간(년도/월/일/시/분/초/밀리초)까지 다 구할 수 있는 객체이면서 생성자 함수다. Date 생성자 함수로 생성한 Date 객체는 내부적으로 날짜와 시간을 나타내는 정수값을 갖는다. 한마디로 Date 객체는 기본적으로 현재 날짜와 시간을 나타내는 정수값을 가진다. Date 생성자 함수로 객체를 생성하는 방법은 다음과 같이 4가지가 있다. new Date() - Date 생성자 함수를 인수 없이 new 연산자와 함께 호출하면 현재 날짜와 시간을 가지는 Date 객체를 반환한다. new Date(); //Thu Nov 09 2023 22:38:50 GMT+0900 (한국 표준시) Date(); /*Date 생성자 함수를 new 연.. LocalStorage 사용법 ● LocalStorage란, '사용자의 로컬에 존재하는 저장소'로서 특정 데이터를 저장할 수 있고 페이지를 변경하거나 브라우저를 닫더라도 값은 유지된다. 또한 초기화하거나 제거(remove)할 수도 있다. 단, 도메인이 다른 경우에는 로컬 스토리지 공유가 불가능하다. Local Stroage를 어떻게 사용할 수 있을까? ◎ 데이터 저장하기 만약 우리가 String type의 데이터인 key(키) : name, value(값): jennie를 담고자 한다면 세가지 방법을 사용할 수 있다. localStorage.name = "jennie"; //1 localStorage["name"] = "jennie"; //2 localStorage.setItem("name", "jennie"); //3 만약 배열을 .. [TODO-LIST 만들기] text input 시, 화면에 띄우기 최근 JavaScript 강의를 듣고 새롭게 디자인해서 simple todo-list를 만들고 있는데 처음부터 막힐 뻔해서 당황했지만.. 다행스럽게도 생각이 나서 잠깐이나마 막혔던 부분을 적어놓으려 한다. ADD JAVASCRIPT 'use strict'; const container = document.getElementById('container'); const todoForm = document.getElementById('todo-form'); const todoInput = document.getElementById('todo-input'); const todoButton = document.getElementById('todo-button'); const todoUL = document.que.. [login] text input 시 text 화면에 띄우기 HTML Javascript 'use strict'; const loginForm = document.querySelector('#login-form'); const loginInput = document.querySelector('#login-form input[type=text]'); const greeting = document.querySelector('#greeting'); const HIDDEN_CLASSNAME = "hidden"; const USERID_KEY = "userId"; function loginHandler(event) { event.preventDefault(); //원래하던 새로고침을 막고 시작 const userId = loginInput.value;//유저 이름 저장 l.. localStorage에 user 정보가 있거나 없을 때 form 활용하기 HTML Javascript const loginForm = document.querySelector('#login-form'); const loginInput = document.querySelector('#login-form input'); const greeting = document.querySelector('#greeting'); const HIDDEN_CLASS = "hidden"; const ID_KEY = "userId"; function onLoginSubmit(event) { event.preventDefault(); loginForm.classList.add(HIDDEN_CLASS); const userId = loginInput.value; localStorage.setItem("I.. function과 event로 웹페이지 배경색을 바꾸기 강의를 보고 button click event로 웹페이지의 배경색을 바꿔보았다 WEB 'use strict'; //const btn = document.getElementById('nightDay'); 이건 소용이 없네.. function nightDayHandler(self) { const target = document.querySelector('body'); if(self.value === 'night') { //이 값이 night라면 black모드에 yellow 글자에 day btn이 있어야한다 target.style.backgroundColor = "black"; target.style.color = "Yellow"; self.value = "day"; //black 모드일 때, 버튼 이름은 d.. 이전 1 2 다음