• Как использовать тег transition в HTML через JS?

    @Triplicate
    Если вы хотите сделать какую-либо анимацию c использованием transition, создайте новый класс или id и опишите его с помощью css указав нужные вам свойства. А после при необходимости присвойте тэгу нужный вам класс или id с помощью JavaScript.

    К примеру, у меня есть сайт, у которого есть кнопка открытия модального окна - меню.
    У section присвоен класс modal, но после нажатия на кнопку ему еще добавляется класс opened, который и позволяет открыть модальное окно с анимацией
    До нажатия:
    5e45c5782ee7c245710554.png
    После нажатия:
    5e45c5842d0c8134716489.png
    Данный сайт: https://triplicates.github.io/Afrianska/
    Там же можно и посмотреть исходный код так как это GitHub репозиторий
    Ответ написан
    Комментировать
  • Как по нажатию на кнопку увеличивать значение переменной?

    @Comsequent
    Пишу потихоньку.
    Переменную вынесите за тело функции
    Или я неправильно угадал вопрос?
    Ответ написан
    1 комментарий
  • Как по нажатию на кнопку увеличивать значение переменной?

    npanuhin
    @npanuhin
    Ваш код каждый раз при нажатии на кнопку создаёт переменную number = {константа} и прибавляет к ней 1.
    Нужно создать переменную number = {константа} вне обработчика onclick:

    <!DOCTYPE html>
    <html>
    	<head>
    	    <title></title>
    	</head>
    	<body>
    	    <button>Кнопка</button>
    
    	    <script type="text/javascript">
    	    let number = 0;
    	    document.querySelector("button").onclick = function() {
    	        number = number + 1; // Лучше "++number;"
    	        alert(number);
    	    }
    	    </script>
    
    	</body>
    </html>
    Ответ написан
    1 комментарий
  • Sublime вместо кириллицы показывает это РћРЎРљРђР. В чем ошибка?

    SagePtr
    @SagePtr
    Еда - это святое
    Для начала - посмотреть заголовок Content-Type, который отдаёт сервер, если там что-то вроде text/html; charset=windows-1251 (или любая другая кодировка, не соответствующая действительности) - то перенастроить, чтобы кодировка была правильная в заголовке. Кодировка в заголовке имеет приоритет над кодировкой, указанной в мета-тэге (по крайней мере, в Firefox и Chrome, в других браузерах не тестировал), потому даже если в мета-тэге указана правильная кодировка, в заголовке всё равно может при этом неправильная быть и из-за этого отображаться неправильно.
    Ответ написан
    Комментировать
  • Sublime вместо кириллицы показывает это РћРЎРљРђР. В чем ошибка?

    @Sunflowerz
    Добавьте теги html и body!

    <htm lang="ru"l>
    <head>
      <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
      <title>Toaster/title>
    </head>
    <body >
    
      Ваш код
    
    </body>
    </html>
    Ответ написан
    Комментировать
  • Sublime вместо кириллицы показывает это РћРЎРљРђР. В чем ошибка?

    dollar
    @dollar
    Делай добро и бросай его в воду.
    Сразу видно, что это текст в UTF-8, который хотят отобразить в кодировке Windows-1251.

    Для начала надо понять, в какой кодировке сам файл. То, что вы сюда скопипастили, ничего не говорит о файле. Желательно использовать именно UTF-8 в файле. Далее, сервер в HTTP-заголовке должен отдавать сообщение о том, что файл именно в этой кодировке. И если сервер не умеет или вам лень его настраивать, то можно в самом HTML указать, что файл в этой кодировке. Как-то так:
    <meta charset="UTF-8">

    В конце концов последнее слово за бразуером. Если он по каким-то причинам не захочет отображать в нужной кодировке, то проблема в нём.
    Ответ написан
    Комментировать