기초공사 (html,css,javascript)

사용자가 선택한 option을 alert에 출력해라 select태그 : 목록을 '선택목록' 이라고한다. 선택목록은 태그를 사용해서 여러개의 항목을 한꺼번에 지정한 후 목록을 펼쳐서 원하는 항목을 선택할수있다. selectedIndex : 사용 ---- 학과 선택 ---- 건축공학과 기계공학과 산업공학과 전기전자공학과 컴퓨터공학과 화학공학과 const selectMenu = document.querySelector("#major"); // 선택 목록을 가져와 selectMenu로 저장 console.log(selectMenu); console.dir(selectMenu); function displaySelect() { var index = selectMenu.selectedIndex; //선택한 번호를 ..

자바스크립트에는 특정시간이 되었을 때 함수를 실행하거나 특정 시간 동안 함수를 반복하기 위해서 시간을 재는 함수가 있는데, 이것을 '타이머함수' 라고 한다. 일정 시간마다 반복하기 - setInterval( ) setInterval(콜백함수, 시간) // 선언식으로 표현하기 function greeting(){ console.log('안녕하세요'); } setInterval(greeting, 2000); 콘솔창에 '안녕하세요'가 일정시간마다 반복으로 나온다. // 화살표 함수로 표현하기 setInterval ( ( ) => { console.log('안녕하세요'); }, 2000) ; 반복실행 멈추기, 타이머 함수 종료 시키기 - clearInterval( ) clearInterval(타이머) setIn..

콜백함수는 다른함수의 인수로 사용하는 함수를 가리킵니다. 아래 예제를 살펴보면 이해가 된다. function main(x){ x(); //콜백함수 호출 } function sayHi(){ console.log("안녕"); } main(sayHi); 중요한것은, 전달해준 콜백함수는 콜백함수를 전달받은 함수에(main) 의해서 호출된다. main함수에 전달해줬기 때문에 main함수 내부에서.언제 어떻게 호출될지는 콜백함수를 전달받은 main함수의구현상황에 따라 달려있다. // 또 다른 예제를 살펴보자 function greetToUser(greet) { //greeToUser함수의 인수를 greet그릇에 받는다. const name = "박희정" greet(name); //전달해준 콜백함수 호출할때 이 함수..

1.배열에서 10보다 큰값을 찾아서 화면에 표시해보세요 주어진배열은 [1,3,5,7,9,11,13,15,17,19] 생각노트 1.배열 요소의 개수만큼 for문을 반복한다. 2. if문을 사용해서 요소의 값과 10을 비교한다. --> 요소의 값이란 number[ i ] 3.document.write문을 이용해서 화면에 표시한다. const number = [1,3,5,7,9,11,13,15,17,19]; document.write(`주어진 배열은 : ${number}이다. `); console.dir(number); for(let i = 0; i 10){ //이부분 헤맴.변수의 배열순번 변수[순번] document.write(`${nu..

1. for문 for문은조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할때 편하다. for(초기값; 조건; 증가식;) { ......} **for반복문 예제 // const color = ["red","orange","purple","skyblue"]; // console.log(color) // // for(초기값; 조건; 증감식){ // // } // for(let i = 0; i < color.length; i++){ // document.write(`${color[i]}~~`) // } i가 배열안에 있는 목록이다! (number % i === 0 isPrime = false; // document.write(`${number}는 소수가 아닙니다.`) number에 15을 입력햇을면 i가..

switch문 체크해야 할 조건값이 많을 경우에는 여러개의 if..else문을 사용하는것보다 switch문이 더 편리하다. switch문 안에 있는 case문에서 각 값에 따라실행할 명령을 따로 구분하면 된다. switch 문에 있는 조건은 case중 하나에만 일치하고, case를 실행한 후에는 완전히 switch문을 빠져나온다. 지정해 놓은 case문에 맞지 않으면 default문에 있는 문장을 실행한다. (* case문에서 값을 지정할 때 식을 사용할 수 없다는 점 주의!) switch (조건) { case 값: 문장 break; case 값:문장 break; case 값:문장 break; ...... default : 문장 } 예시 다음은 사용자가 3개의 값중에서 하나를 선택하여 입력한 후 swit..

1.산술연산자 연산자의 왼쪽이나 오른쪽에 있는 연산 대상을 '피연산자' 라고 한다.. 대부분 산술 연산자는 피연산자가 2개 이지만, 증가 연산자와 감소 연산자는 피연산자가 1개이다 let x = 10, y = 4, result // 변수선언 result = x / y //나누기연산자 result = x %y //나머지 연산자 result = x + y-- 는, 이렇게 바꿀 수 있다. result = x + y y = y-1 로 바꿀 수 있다. result = ++x -y 는, x = x +1 resutl = x + y 로 바꿀 수 있다. 2. 조건연산자 조건이 복잡하지 않고 true와 false가 명확할 경우 if문을 사용하지 않고 조건 연산자만으로 조건을 체크할 수 있다. 조건연산자 ?와 : 을 사용해..

.프롬프트 창에 이름을 입력하고 '확인' 버튼을 클릭하거나 enter를 눌르면 입력했던 값이 즉시 콘솔창에 표시된다. 그 결과, prompt( ) 반환값은 사용자가 입력한 내용이 되어 이 반환값을 프로그램에 사용할 수 있다. 기본형 prompt(내용,기본값) 사용자가 취소버튼을 클릭하면 사용자가 값 입력을 취소하는 경우에는 null이 반환된다.

1.예제먼저 풀어보자 화씨온도를 섭씨온도로 바꿔보자 시중에 많이 나온 문제지만 기본이 중요하다. html코드 섭씨와 화씨변환하기 js코드 // 섭씨:celsius, 화씨 : fahrenheit let fa = parseFloat(prompt("변환할 화씨온도 입력해줘")); let cel; // 섭씨온도 = (화씨온도 - 32) / 1.8 cel = ((fa - 32)/1.8).toFixed(1); alert(`화씨 ${fa}는 섭씨온도 ${cel}입니다`); parseFloat는 실수로 변환하는 자료형이다. toFixed(1) = 소수 한자리만 출력해주는 자료형이다. parseInt()함수는 소괄호 안의 값을 정수로, parseFloat()함수는 소괄호 안의 값을 실수로 변환한다. 프롬프트 창은 텍스트..