При нажатии на кнопки (большую и нижнюю) текст должен измениться на 1 пиксель соответственно, но этого не происходит. ЧтCSS

Разбираемся в CSS
Ответить
Anonymous
 При нажатии на кнопки (большую и нижнюю) текст должен измениться на 1 пиксель соответственно, но этого не происходит. Чт

Сообщение Anonymous »

Я пытаюсь написать программу, которая будет изменять размер шрифта на 1 пиксель при нажатии. Большая кнопка увеличивается на 1 пиксель, а нижняя соответственно уменьшается.

Код: Выделить всё

const text = document.querySelector('.text');
const large = document.querySelector('.large');
const low = document.querySelector('.low');

large.addEventListener('click', () => {
text.style.fontSize = `calc(${text.style.fontSize} + 1px)`;
});
low.addEventListener('click', () => {
text.style.fontSize = `calc(${text.style.fontSize} - 1px)`;
});

Код: Выделить всё

.text{
font-size: 36px;
font-weight: 600;
font-family: 'Times New Roman', Times, serif;
color: red;
user-select: none;
}

Код: Выделить всё

Large
Low
Нажми меня



Я пытался сделать эту программу с использованием функции Calc, но по какой-то причине это не сработало. Еще я попробовал поставить в расчетных значениях «100%» и все заработало, но немного не так, как хотелось

Подробнее здесь: https://stackoverflow.com/questions/787 ... by-1px-acc
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»