FrontEND/JavaScript
getElementById,onclick 함수 사용법
smartlittlepuppy
2024. 1. 23. 15:43
반응형
index.html
<body>
<label id="countLabel">0</label>
<div id="btnContainer">
<button id="decreaseBtn">decrease</button>
<button id="resetBtn">reset</button>
<button id="increaseBtn">increase</button>
</div>
<script src="index.js"></script>
</body>
여기에서 decreaseBtn의 요소를 가지고 오고 싶다면,
decreaseBtn = document.getElementById("decreaseBtn");
index.js
그리고 decreaseBtn 버튼을 클릭시 어떠한 동작을 수행한다.
const decreaseBtn = document.getElementById("decreaseBtn");
const resetBtn = document.getElementById("resetBtn");
const increaseBtn = document.getElementById("increaseBtn");
const countLabel = document.getElementById("countLabel");
let count = 0;
decreaseBtn.onclick = function(){
count-- ;
countLabel.textContent = count;
}
반응형