меняют размер шрифта на странице, что мне добавить чтобы можно было увеличить и уменьшить текст максимум 6 раз? За каждое нажатие +-1px если что.
var buttonMore = document.getElementById('increasefont'),
buttonLess = document.getElementById('decreasefont'),
buttonDefault=document.getElementById('default');
buttonMore.onclick = function() {
var style = window.getComputedStyle(document.body, null).getPropertyValue('font-size');
var fontSize = parseFloat(style);
document.body.style.fontSize = (fontSize + 1) + "px";
};
buttonLess.onclick = function() {
var style = window.getComputedStyle(document.body, null).getPropertyValue('font-size');
var fontSize = parseFloat(style);
document.body.style.fontSize = (fontSize - 1) + "px";
};
buttonDefault.onclick = function(){
document.body.style.fontSize = ""
};
хранить где-то число этих увеличений
не, мне просто нужно запретить нажимать на кнопку после 6 нажатия
ну тк храните число и на 6 раз запрещаете
да я вот не пойму как именно запрещать
https://jsbin.com/yoradejeyu/edit?js,console,output если еще актуально
Да уже в принципе нет, проблема решена, ну все равно спасибо, сейчас посмотрю как вы сделали
я не стороник ифов, сделал как бы по своему
ну да, тут видно, я кстати ещё хотел вопрос один задать, минуту
а зачем я тогда делал...
не заметил вашу бурную дискуссию))
кстати, тут такой прикол ещё что тому тексту где в css четко прописан его размер не применяется код этот
вы о чем, я изменил в css размер, он так же работает,
юзать ремы и емы
а почему с px не катит?
потому что пиксели - абсолютная единица измерения, а ремы и емы - относительные. пиксели не буду меняться от изменения размера в родители, емы и ремы - будут
короче тогда мне в коде самом поменять на em и в CSS все текстовые значения в em занести вместо px?
Вообще да, проблема решилась
только посмотрите, чем ремы от емов отличаются
https://codepen.io/Innoel/pen/xxLrGjr наглядный пример разницы
Ну кстати да, тут нагляднее в отличии от того что я сейчас просто читал инфу об этом
Обсуждают сегодня