LiJell's 성장기

Log In Submit Control const loginForm = document.querySelector("#login-form"); const loginInput = loginForm.querySelector("input"); function onLoginSubmit() { const username = loginInput.value; console.log(username); } loginForm.addEventListener("submit", onLoginSubmit); html을 동작시키면 이름을 입력해도 form 때문에 submit될 때 자동으로 새로고침 되는 현상이 발생 중요한 건, event가 발생할 때 브라우저가 function을 호출하게 되는데, 첫 번째 argument로써 추가적인..

const title = document.querySelector("div.hello:first-child h1"); function handleTitleClick() { title.style.color = "blue"; console.log("title was clicked!"); } title.addEventListener("click", handleTitleClick); 클릭하면 추가해보기 browser console에서 변화를 확인해보세요! 다양한 이벤트를 링크를 통해 확인해보세요 https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement const h1 = document.querySelector("div.hello:first-child h1")..

// 요즘은 prompt 잘 안씀 // parseInt is a converter: string to number const age = parseInt(prompt("How old are you?")); if (isNaN(age)){ console.log("Please write a number"); } else { console.log("Thank you for writing your age") }

function sayHello(nameOfPerson, age) { console.log("Hello my name is " + nameOfPerson + " and I am " + age) } sayHello("LiJell", 10); sayHello("Hanju", 18); sayHello("Toonsquare", 99); function plus(a, b) { console.log(a + b); } function divide(a,b) { console.log(a / b); } plus(1, 3); divide(20, 5); const player = { name: "LiJell", sayHello: function (otherPersonsName) { console.log("Hello! " + ..

Array const daysOfWeek = ['mon','tue','wed','thu','fri','sat']; // Get Item from Array console.log(daysOfWeek[4]); // Add one more day to the array daysOfWeek.push('sun'); console.log(daysOfWeek); Object const player = { name: "LiJell", points: 10, fat: true, }; console.log(player); console.log(player.name); console.log(player["points"]); const player = { name: "LiJell", points: 10, fat: true, }..

true 1 false 0 null null은 자연스럽게 생기지 않음 variable 안에 어떤것도 없다는 것을 확실히 알려주기 위해 씀 const amIFat= null; // amIFat에 아무것도 채워지지 않은 null 채우는것을 의미 let something; console.log(amIFat); Undefined something이라는 var을 만들었지만, 값을 주지 않은 상태 메모리 안에 공간은 있지만, 값은 없는 상태 const amIFat= null; let something; // something이라는 var을 만들었지만, 값을 주지 않은 상태 // 메모리 안에 공간은 있지만, 값은 없는 상태 console.log(something);

const cannot be changed let can be changed later const a = 5; const b = 2; let myName = "Hanju"; console.log(a + b); console.log(a * b); console.log(a / b); console.log("Hello! " + myName); myName = "LiJell"; console.log("your new name is " + myName);