input의 range 값을 받아 화면에 바로바로 나타나게 하고 싶어서 구글링을 해보니
oninput을 사용하면 바로바로 적용이 된다고 했다.(onchange를 하기엔.. 바로바로 적용이 됐으면 했다)
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/oninput
let temperature = document.querySelector('.temp_val')
let tempRange = document.querySelector(".temp_range");
tempRange.oninput = handleInput;
function handleInput(e) {
temperature.innerHTML = `${e.target.value}`
}
아직 어떤건지 정확히 이해는 못했다.
'Today I learned! > 오늘 하루 배운 것, 기억할 것' 카테고리의 다른 글
220401(css) (0) | 2022.04.01 |
---|---|
220330(css, html 혼자 깨달은 점) (0) | 2022.03.30 |
220323(Js) (0) | 2022.03.23 |
220322(css) (0) | 2022.03.22 |
220321(css) (0) | 2022.03.21 |