Как написать скрипт , который реагирует на изменение значения?
272
06 августа 2021, 13:10
Мне нужно написать скрипт, который реагирует на изменение значения input#font-size-slider (событие input) и обновляет инлайн-стиль span#text обновляя его свойство font-size. В результате при перетаскивании ползунка будет меняться размет текста.
<input id="font-size-slider" type="range" />
<br />
<span id="text">Абракадабра!</span>Answer 1
const input = document.getElementById("font-size-slider");
const span = document.getElementById("text");
input.addEventListener("input", handleInputRange);
function handleInputRange(event) {
span.style.fontSize = event.currentTarget.value + "px";
}<input id="font-size-slider" type="range" />
<br />
<span id="text">Абракадабра!</span>Answer 2
const inputRangeRef = document.querySelector("#font-size-control");
const inputTextRef = document.querySelector("#text");
const handleInput = () => {
inputTextRef.style.fontSize = `${inputRangeRef.value}px`;
};
inputRangeRef.addEventListener("input", handleInput);
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47571 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30498 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23639 visits
- Как через css изменить цвет png изображения? 10351 visits
- Blob video url download 9961 visits
- Php curl запрос через прокси с авторизацией 9214 visits
- Работа с captcha vk api 8096 visits
© "hostciti.net" 29.11.2024 | 23:03