본문 바로가기
728x90
반응형

JavaScript 시리즈☕45

🚀이벤트(event ) 사용하기~ 🚀 | JavaScript 시리즈 013 코드 주석 1. title 변수 에다가 document.querySelector()함수를 이용하여 html 의 내용을 가져옴. 15. title 변수에 이벤트리스너를 적용시킴. (click 이벤트 설정할거고 , handleTitleClick 함수 실행시킬거임) 3. handleTitleClick 함수 가 실행되면서 콘솔창에 title was clicked! 이 출력 되게 만듦. ( title 을 누를시에 이 모든게 실행됨.) --------------------------------------------------------------------------------------------------------------- 16. title 변수에 이벤트리스터 추가 ( mouseeneter라는 이벤트를 설.. 2021. 8. 6.
🚀querySelector 와 Event click 에 대해서🚀 | JavaScript시리즈 012 getElementsByClassName() : 많은 element를 가져올때 씀(array를 반환) - getElementsByTagName() : name을 할당할 수 있음(array를 반환) - querySelector : element를 CSS selector방식으로 검색할 수 있음 (ex. h1:first-child)단 하나의 element를 return해줌⇒ hello란 class 내부에 있는 h1을 가지고 올 수 있다(id도 가능함)- 첫번째 element만 가져옴- 조건에 맞는 세개 다 가져오고 싶으면 querySelectorAll⇒ 세개의 h1이 들어있는 array를 가져다 줌 - querySelector("#hello); 와 getElementById("hello"); 는 같은 일을 하.. 2021. 8. 6.
🚀음주 가능한지 계산하는 코드🚀 | JavaScript 시리즈 011 음주 가능한지 계산하는 코드를 만들어 보았다. Not a number 함수에 대해 알아보자. 간단하게 Nan 이라고 한다. 말 그대로 "숫자가 아니다" 라는 의미를 가지고 있다. 그렇다면 여기서 isNan 은 "숫자가 아닌것이니?" 라고 해석 할 수 있다. isNan 은 boolean(불린) 을 return(반환)한다. -> true 또는 false 위 코드를 살펴보면 조건문 if 와 else 문과 함께 조건안에 isNan()함수가 들어있다. 입력 받은 age 인수의 값을 isNan함수를 걸쳐서 불린 값이 true 이면 if문 실행 false 이면 else 문을 실행한다. * 만약 입력받은 값이 아니라면 true 값이 나오므로 숫자를 입력하라는 please write a number 문이 출력된다. 입력.. 2021. 8. 6.
🚀return VS console.log() 🚀 | JavaScript 시리즈 010 const calculator={ plus: function (a, b){ return a + b; }, minus: function(a,b){ return a - b; }, times: function(a, b) { return a * b; }, divide: function(a, b){ return a / b; }, power: function(a, b){ return a**b; } }; calculator.plus(2, 3); calculator.times(2, 3); calculator.minus(2, 3); calculator.divide(2, 3); calculator.power(2, 3); console.log() 를 사용하면 볼수는 있지만, 화면에 나오지 않음( 콘솔창에만 나옴) 반면 re.. 2021. 8. 3.
728x90
반응형

티스토리툴바