-
[모각코+] 자바스크립트 12월과정 5일차모각코+/Javascript 2021. 12. 26. 21:38728x90
https://cafe.naver.com/codeuniv/54829?boardType=L
[모각코+ 출석 인증] 5일차 - 웹 자바스크립트 12월 과정 A조
대한민국 모임의 시작, 네이버 카페
cafe.naver.com
오늘의 문제는 지난시간에 배웠던 console.log()를 이용하여 데이터의 타입을 출력해보는 문제였습니다 :D
HTML 파일
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Console Log</title> <link rel="stylesheet" href="./day5.css"> <style> @import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Single+Day&display=swap'); </style> </head> <body> <h2> ✅Javascript의 타입 알아보기 </h2> <div class="context"> 👉1. let num = 10;<br> 👉2. let s = "모각코";<br> 👉3. let bl = true;<br> 👉4. let cat = {name : "코숏", age : 6};<br> 👉5. let x;<br> 👉6. let flower = {name : "rose", color : "red"};<br> </div> <button class="btn" onclick=searchType()>Click</button> <script src="./day5.js"></script> </body> </html>CSS 파일
.context { font-family: 'Black Han Sans', sans-serif; font-family: 'Single Day', cursive; font-size: large; } .btn { position: relative; border: none; display: inline-block; padding: 15px 30px; border-radius: 15px; font-family: "paybooc-Light", sans-serif; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: 600; transition: 0.25s; background: linear-gradient(-45deg, #33ccff 0%, #ff99cc 100%); color: white; }Javascript 파일
function searchType(){ let num = 10; let s = "모각코"; let bl = true; let cat = {name : "코숏", age : 6}; let x; let flower = {name : "rose", color : "red"}; console.log('1. ' + typeof(num)); console.log('2. ' + typeof(s)); console.log('3. ' +typeof(bl)); console.log('4. ' +typeof(cat)); console.log('5. ' +typeof(x)); console.log('6. ' +typeof(flower)); }
728x90'모각코+ > Javascript' 카테고리의 다른 글
[모각코+] 자바스크립트 12월과정 7일차 (0) 2021.12.28 [모각코+] 자바스크립트 12월과정 6일차 (0) 2021.12.27 [모각코+] 자바스크립트 12월과정 4일차 (0) 2021.12.23 [모각코+] 자바스크립트 12월과정 3일차 (0) 2021.12.22 [모각코+] 자바스크립트 12월과정 2일차 (1) 2021.12.22