Архив рубрики: Java script

Задания на циклы

Задание: Вывести в столбец значения от 0 до 100 Вывести в столбец значения от 100 до 0 Вывести в столбец значения от 60 до 100 Вывести в столбец значения от -39 до 100 Вывести в строку четные числа Вывести в строку нечетные числа. Вывести в строку ряд 100 200 300 ….. Вывести рисунки как на… Читать далее »

dropzone

Простой скрипт загрузки файлов dropzone

Задания onkeypress, onkeyup, onkeydown и onfocus

Задание Создать поле для ввода только цифр. Сделать поле, что бы в котором  при вводе буквы становились заглавными. Написать функция для вывода сообщения при вводе символа в поле (нажатие клавиши) Написать функция меняющую цвет поля при установки в нем курсора Решение 1. <!DOCTYPE HTML> <html> <head> <meta charset=»utf-8″> </head> <body> Введите ваш возраст: <input type=»text»>… Читать далее »

Задание на onmousemove и onmouseout

Задание Написать счетчик, который будет считать движения мыши в блоке. Написать программу для определения координат мыши в блоке. Решение 1. <!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <style> #demo { width: 100px; height: 100px; border: 1px solid black; margin: 10px; float: left; padding: 30px; text-align: center; background-color: lightgray; } p { background-color: white; } </style> </head>… Читать далее »

Урок 8. Игра крестики нолики на javascript

СВОЙСТВА и МЕТОДЫ Length свойство, устанавливает или возвращает количество элементов в массиве Нестандартное свойство innerText. Всеми браузерами, кроме Firefox 44- (согласно CanIUse.Com), поддерживается нестандартное свойство innerText. У него, в некотором роде, преимущество перед textContent в том, что оно по названию напоминает innerHTML, его проще запомнить. Однако, свойство innerText не следует использовать, так как оно не… Читать далее »

Урок 10. AJAX

AJAX выполняет обновление части веб-страницы, без перезагрузки всей страницы. AJAX — метод для создания быстрых и динамических веб-страниц. AJAX позволяет создание веб-страниц, которые будут обновляться асинхронно путем обмена небольшими объемами данных с сервером за кулисами. Это означает, что можно обновлять части веб-страницы, без перезагрузки всей страницы. Классические веб-страниц, (которые не используют AJAX), перезагружают всю страницу, если содержание должно… Читать далее »

Урок 9. Игра змейка на javascript

АЛГОРИТМ — клеточки змейки помечаются классом «s» а еда классом «f», по наличию этих классов и определяется коллизия со змеей или с едой — каждая новая клетка змеи помечается атрибутом «data-n» который равен number++ (постоянно увеличивается) — ищем div’ы с классом «s» (клетки змеи) и находим клетку с минимальным значением data-n и делаем ее обычной… Читать далее »