меняют размер шрифта на странице, что мне добавить чтобы можно было увеличить и уменьшить текст максимум 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 наглядный пример разницы
Ну кстати да, тут нагляднее в отличии от того что я сейчас просто читал инфу об этом
Обсуждают сегодня