JS

[JS] 연습문제 : onclick 이용하여 계산하기, 성적결과 내기

계산 해주는 거 만들기 사칙연산 선택 + - * / = 계산하기 국어,영어 성적을 입력받아 평균이 90 이상이면 우수, 70 이상이면 통과, 미만이면 재시험 결과 쌤이한거 결과

[JS] 연산자 , 문제풀이(체중,키 입력받아 적정체중 출력하기)

연산자 1. 단항 : ! , ++ , -- 2. 이항 - 산술 : + , - , * , / , % - 비교(조건) : > , >= , 후위는 증감을 나중에 하기때문에 출력한 뒤에 증가 함 출력할때는 증가를 하기 전이므로 12로 출력 == != : 값만 맞으면 true === !== : 값과 타입 모두 맞아야 true, 타입 바꾸면 안됨 && : 하나라도 거짓이면 거짓 = 모두 참이어야 참 || : 하나라도 참이면 참 = 모두 거짓이어야 거짓 undefined , null : 비교 가능 객체 : 비교 불가능 NaN을 비교할때는 연산자로 비교하는 게 아닌 isNaN 으로 비교한다 ? 체중과 키 입력받아 적정체중인지 확인하기 키 체중 적정체중 확인하기

[JS] 배열, 순서대로 출력, 이벤트(onclick, onchange)

배열 [ ] 배열 = [ ] 객체 { }는 연관된 것들이 모여있는 것이고 배열은 단순히 나열한 것 0부터 숫자를 세고 마지막 ar[3] =100 은 ar의 3번째 자리에 100을 추가한 것 select 이벤트 (onclick) 과일을 선택하면 선택한 과일을 console.log로 찍어보시오 select 에 onclick 이벤트 사용시 클릭시 선택되면서 2개가 선택되는 오류가 발생한다 document.qu~~~~. value 쓰기 select가 아닌 button 추가하여 onclick이벤트하면 정상적으로 하나씩 출력된다 과일 선택하면 배열에 추가해보시오 솔직히 왜 저렇ㄱㅔ 추가되는건지 코드 잘 이해가 안됨 ㅠ select로 선택하면 배열에 추가하기 메뉴를 선택하세요 짜장 짬뽕 볶음밥 메뉴를 선택하세요 탕수..

[JS]scope, 이벤트(onclick)/ 클릭시 숫자증가, 이미지 변경

scope scope -> 독립된 공간 init / clickHandler 은 각각 독립된 공간이기때문에 b는 출력해도 보이지 않음 증가버튼 클릭시 숫자 1씩 늘어날 수 있게! 먼저 0 을 div에 출력하기 div에 아이디 걸어주고(num) document.querySelector('#num').innerHTML= 0; 0이 div에 출력 될 수 있도록 innerHTML을 이용해 전송 증가 함수 지정해주고 function 증가() { let count = document.querySelector('#num').innerHTML count++; //count+1 과 같음 document.querySelector('#num').innerHTML = count; } count 변수로 위에 0 가져와서 +1 해..

[JS] 이벤트(onclick) html로부터 정보 입력받아 출력하고 보내기(document.querySelector / innerHTML)

이전에 계속 했던 prompt 같은 것 처럼 바로 창이 뜨는 게 아닌 사용자가 어떤 행동을 했을때 뜨게하는 ?? onclick 함수 뒤에는 ( ) hello () onclick 이니까 클릭 하면 function에 설정해둔 이벤트가 발생한다 ->클릭시 안내창 alert (까꿍) function 함수(hello) () { 이벤트 설정 } 연습 . 사용자가 입력한 내용을 콘솔에 출력하기 function 함수(print) () { const id(irum) = document.~~~ } html에 입력된 내용을 콘솔에 입력하려면 가져와야 함 ->document.query~ 문제 1 . 숫자를 입력받고 버튼을 클릭하면 제곱해서 출력하기 제곱하기 제곱값 : onclick 설정된 버튼 클릭하면 function에 있는..

[JS]문자열 입력방법, 소수점 내림/올림/반올림, 몫 구하기

문자열 입력하는데는 3가지 방법이 있다 1. ' ' + 변수 (작은 따옴표) 2. " " + 변수 (큰따옴표) 3. ` ` ${변수} template문자열 ' ' ${ } ->템플릿 문자열 사용하는 게 오타위험이 제일 적음 console.log(`이름은 ${irum}이고 나이는 ${nai}입니다`); //이름은 전우치이고 나이는 400살입니다 const saram = { irum : '전우치', age : 400 } console.log(`이름은 ${saram.irum}이고 나이는 ${saram.age}입니다`); saram 안의 irum -> saram.irum 소수점 Math . floor( ) ->소수점 버림 Math . ceil( ) -> 소수점 올림 Math . round( ) -> 소수점 반올..