-
day37_2 - JavaScript(alert, let, prompt, 자료 형변환, if문)KIC/JavaScript,CSS 2021. 8. 5. 23:03반응형
[alert]
<!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title></title> <script> alert('hello World') </script> </head> <body> </body> </html>[let]
<!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title></title> <script> //변수 선언 let list = '' //연산자를 사용 list += '<ul>' list += ' <li>Hello</li>' list += ' <li>JavaScript..!</li>' list += '<ul>' //문서에 출력하기 document.write(list) </script> </head> <body> </body> </html>-> 변수 선언은 var 보다는 let 이나 const를 더 추천한다고 한다.
-> var: 값이 바뀔 수 있는 변수
-> const: 한번 값을 설정하면 이후 다시 바뀔 수 없는 상수
-> let: 변수
[prompt]
<!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title></title> <script> //상수 선언 const input = prompt('message', '_default') // 출력하기 alert(input) </script> </head> <body> </body> </html>[자료형변환]
<!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>Insert titlte here</title> <script> const rawInput = prompt('inch 단위의 숫자 입력하기') //입력받은 데이터를 숫자형으로 변경하고 cm 단위로 변경 const inch = Number(rawInput) const cm = inch * 2.54 const value = 1234 // 숫자를 문자로 형변환 String(value) //alert로 변수값 출력을 위해 백팁 `` 으로 감싸줄 것 alert(`${inch} inch 는 ${cm} cm 입니다. 그리고 ${value} 는 문자입니다.`) </script> </head> <body> </body> </html>[if문]
<!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>Insert titlte here</title> <script> //변수 선언 const date = new Date() const hour = date.getHours() //if 조건문 if (hour < 12 && hour) { alert('오전 입니다.') } else { if (hoir < 15) { alert("점심 입니다.") } else { alert("저녁 입니다.") } } //alert로 변수값 출력을 위해 백팁 `` 으로 감싸줄 것 alert(`${inch} inch 는 ${cm} cm 입니다. 그리고 ${value} 는 문자입니다.`) </script> </head> <body> </body> </html>300x250'KIC > JavaScript,CSS' 카테고리의 다른 글
VScode - 급작스러운 JavaScrip 404 에러 (0) 2021.08.10 day39 - JavaScript(function, scope, 객체) (0) 2021.08.10 day38 - JavaScript(prompt, for문, while, 이중 for문, function, array, parameter, callback) (0) 2021.08.06 day37_1 - JavaScript(CSS 선택자, tag, id, class, border, padding, margin) (0) 2021.08.05 day36 - JavaScript(HTML, CSS, <!DOCTYPE html>, <h1>, image, <table> ) (0) 2021.08.04