javascript18 [자바스크립트] 하나의 버튼으로 day / night 배경컬러 바꾸기 함수 안에 조건문을 넣고, 그 안에 .value를 통해서 button의 value 값을 바꿔줬다. 덕분에 버튼 하나를 눌렀을 때, 다른 효과를 나타낼 수 있었다. backgroundColor도 중복되기 때문에 변수로 넣어도 될 것 같지만? 혹시라도 text를 추가할 시, 그 부분은 변경될 수도 있으니 그대로 두었다. 밤으로 가는 버튼 낮으로 가는 버튼 생활코딩 JavaScript 강의 참고 2022. 11. 14. [자바스크립트] url 이동 + 새창 열기 (location.href & window.open) url로 이동: location.href = "http://www.naver.com"; 새창 이동: window.open("http://www.naver.com"); // js code let button = document.querySelector(".button"); button.addEventListener("click",open) function open() { location.href = "http://www.naver.com"; // url 이동 window.open("http://www.naver.com"); // 새창 이동 } 2022. 11. 14. [자바스크립트] 기초부터 실전까지 올인원 실습 및 정리 02 if문 let age = 18 if(age > 20) { console.log("운전이 가능합니다") } else if(age >= 18) { console.log("오토바이 운전이 가능합니다") }else { console.log("운전이 불가능합니다") } if문 사용할 때 주의할 점은 '순서' 범위가 있다면, 작은 것부터 큰 거 순으로 let age = 19 if(18 20) { if(license == true) { console.log("운전이 가능합니다") } else { console.log("면허를 따세요") } }else { console.log("운전이 불가능합니다") } // 문제1 유저가 입력하는 숫자가 0인지 음수인지 양수인지 판단하는 프로그램을 만드시오 let number = 1.. 2022. 4. 26. [자바스크립트] 기초부터 실전까지 올인원 실습 및 정리 01 변수 let: 변수를 선언하는 것 변수의 이름은 변수의 id 변수의 이름은 겹치면 안 됨 let color = "pink" color = "black" console.log(color) let을 안쓰면, 값을 바꿀 수 있음 const password = "pink" console.log(password) const 변수에 있는 값을 바꾸고 싶지 않을 때 사용. 값을 한번 할당하면 재할당이 안 됨. var 사용 ㄴㄴ 자료형과 연산자 string: ""(큰따옴표), ''(작은따옴표) 안에 들어간 데이터. 문자로 취급. 문자열 숫자: 정수, 실수 boolean: true false // 숫자 let password = 1 password = password + 2 console.log(password) // .. 2022. 4. 18. [JS] JavaScript 객체 고급 11. 상속 class.js class Person { constructor(name, first, second) { this.name = name; this.first = first; this.second = second; } sum() { return this.first + this.second; } } class PersonPlus extends Person { avg() { return (this.first + this.second) / 2; } } let kim = new PersonPlus("kim", 10, 20); console.log(`kim.sum() ${kim.sum()}`); console.log(`kim.avg() ${kim.avg()}`); extends 상속 기능의 중복을 제거.. 2022. 3. 23. [JS] JavaScript 객체 기본 1. 수업소개 객체: 서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것 2. 실습준비 editor 준비 VSCode 사용 3-1 객체의 기본 object.js let memberArray = ['egoing', 'graphittie', 'leezhce']; console.log(memberArray[1]); //input let memberObject = { manager: 'egoing', developer: 'graphittie', designer: 'leezhce', }; memberObject.designer = 'leezche'; //update console.log('memberObject.designer', memberObject.designer); console.log("memberOb.. 2022. 3. 20. 이전 1 2 3 다음
