-
[JavaScript] innerText, parseIntJavaScript 2022. 6. 13. 00:19728x90반응형
innerText
parseInt
<h2 id="number">0</h2> <div> <button id="increase">+1</button> <button id="decrease">-1</button> </div>
const number = document.getElementById('number'); const increase = document.getElementById('increase'); const decrease = document.getElementById('decrease'); increase.onclick = () => { const current = parseInt(number.innerText, 10); number.innerText = current + 1; }; decrease.onclick = () => { const current = parseInt(number.innerText, 10); number.innerText = current - 1; };
LIST'JavaScript' 카테고리의 다른 글
[JavaScript] ESLint와 Prettier로 협업하기 [1/2] - ESLint (0) 2023.03.13 [JavaScript] JS-Cookie로 쿠키 다루기 (0) 2023.02.22 [JavaScript] DOM제어하기 - 자식태그, 부모태그, 형제태그 (0) 2022.05.28 [JavaScript] HTML에 동적으로 태그 추가하기 (0) 2022.05.27 [JavaScript] html 요소의 속성 다루기 .getAttribute(), .setAttribute(), .removeAttribute() (0) 2022.05.24