본문 바로가기

교육/2022 모각코 코뮤니티 2월과정 - js

모각코2월-JS-3일차-버튼반응

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
    <h1>모</h1>
    <h1>각</h1>
    <h1>코</h1>
    <button onclick="changeText()">모</button>
    <button onclick="changeText1()">각</button>
    <button onclick="changeText2()">코</button>
    <script src="./index.js"></script>
</body>
</html>

HTML

 

function changeText(){
    var h1 = document.getElementsByTagName('h1');
    h1[0].innerText = "모두 모여"
}
function changeText1(){
    var h1 = document.getElementsByTagName('h1');
    h1[1].innerText = "각자"
}
function changeText2(){
    var h1 = document.getElementsByTagName('h1');
    h1[2].innerText = "코딩을 하자"
}

JS

 

결과물 - 버튼반응