3-2 QUIZ 삼행시 만들기

김형석·2022년 4월 13일
0

codemate-javascript

목록 보기
5/20
post-thumbnail

HTML

<!DOCTYPE html>
<html lang="ko">
<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 href="style.css" rel="stylesheet">
    <script src="main.js" defer></script>
</head>
<body>
    <p></p>
    <p></p>
    <p></p>
    <button onclick="위()"></button>
    <button onclick="코()"></button>
    <button onclick="드()"></button>
</body>
</html>

JS

function 위(){
    var p = document.getElementsByTagName('p')
    p[0].innerHTML = "위코드"
}
function 코(){
    var p = document.getElementsByTagName('p')
    p[1].innerHTML = "코드"
}
function 드(){
    var p = document.getElementsByTagName('p')
    p[2].innerHTML = "드드"
}

profile
블로그 이사 : https://hengxi.tistory.com

0개의 댓글

관련 채용 정보