Как написать скрипт , который реагирует на изменение значения?
389
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);
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49900 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31898 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25861 visits
- Как через css изменить цвет png изображения? 11718 visits
- Blob video url download 11266 visits
- Php curl запрос через прокси с авторизацией 10651 visits
- Работа с captcha vk api 9465 visits
© "hostciti.net" 12.12.2025 | 04:48