nag0323
2022.02.18
@nag0323님이 새 포스트를 작성했습니다.
#10-2. QUIZ
✔ 퀴즈: 이름과 전화번호 출력하기 HTML <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <link rel="stylesheet" href="C:\Users\samsung\Desktop\모각코\10day.css"> </head> <body>     <h1></h1>     <button onclick="btn()"><h1>전화걸기</h1></button>     <script src="C:\Users\samsung\Desktop\모각코\day10.js"></script> </body> </html> js var h1=document.getElementsByTagName('h1'); function call(){     h1[0].innerHTML="모각코"     h1[1].innerHTML="010-1234-5678"; } function btn(){     setTimeout(call, 2000); } document.getElementById('h1').addEventListener('click', btn); css body{     background-color: black; } h1{     color: white; } button{     background-color: green;     border-radius: 10px; } 결과
nag0323
2022.02.09
@nag0323님이 새 포스트를 작성했습니다.
#3-2.QUIZ
✔퀴즈: 모각코 삼행시 버튼 만들기 HTML <!DOCTYPE html> <html lang="kr"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>모각코 2월</title>\ </head> <body>     <h1>모</h1>     <h1>각</h1>     <h1>코</h1>     <button onclick="changeText1()">모</button>     <button onclick="changeText2()">각</button>     <button onclick="changeText3()">코</button>     <script src="C:\Users\samsung\Desktop\모각코\_3행시.js"></script> </body> </html> JS var h1 = document.getElementsByTagName('h1'); function changeText1(){     h1[0].innerHTML = "모이자" } function changeText2(){     h1[1].innerHTML = "각자 공부하지 말고 함께 공부하자 추운 날씨에" } function changeText3(){     h1[2].innerHTML = "코코아 한 잔 하면서" } 😊클릭 전 😊클릭 후
nag0323
2022.02.09
@nag0323님이 새 포스트를 작성했습니다.
#1-2. QUIZ
✔퀴즈: 에디터를 설치하고 3가지 이상의 태그를 포함한 HTML 파일 만든기 HTML <!DOCTYPE html> <html lang="kr"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>모각코 자바스크립트</title>     <link rel="stylesheet" href="C:\Users\samsung\Desktop\모각코\chatbot.css"/> </head> <body>     <div class="name">안녕~ 나는 비모!</div>     <div class="pic">         <img src="C:\Users\samsung\Pictures\bimo.JPG"></div>     <div class="txt1">         <input type="text" class="txt2" placeholder="내용을 입력해주세요!">     </div>     <div class="btn1">         <input type="button" class="btn2" value="전송하기">     </div> </body> </html> CSS body{     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     background-color: rgb(132, 233, 223); } .name{     position: relative;     width: 500px;     height: 40px;     border: solid 2.5px rgb(3, 148, 153);     border-radius: 7px;     text-align: center;     margin-top: 50px;     margin-bottom: 30px; } .txt2{     border-radius: 7px;     text-align: center;     margin: 30px 0px;     border-color: rgb(3, 148, 153); } .btn2{     border-radius: 7px;     background-color: rgb(29, 196, 238); } 결과