Книга JavaScript/Практические задания

Работа с текстом

Практические задания

Содержание

Сборник практических заданий по JavaScript:

Вывести таблицу 10×10, заполненную числами от 1 до 100.
Сделать, чтобы при наведении указателя мыши на изображение это изображение переворачивалось вверх ногами.
В папке images есть изображения 1.jpg, 2.jpg, 3.jpg, 4.jpg, 5.jpg, 6.jpg, 7.jpg, 8.jpg, 9.jpg. Вывести случайное изображение из этой папки.
Создать форму, в которую можно ввести два числа и получить сумму этих чисел.
Вывести текст красным цветом, если используется браузер Internet Explorer, синим — если используется браузер Firefox и зелёным — если Google Chrome.
Создать калькулятор с вводом в форму чисел. При нажатии на кнопку должен выводиться результат.
Создать кнопку, добавляющую абзац текста.
Создать рисунок на Canvas.
Есть такой фрагмент HTML-кода: <label><button onclick="changeButtonText()" id="myButton">Мой кот:</button> <input type="text" /></label>. Необходимо написать JavaScript-функцию changeButtonText() так, чтобы при нажатии на кнопку в ней сменялся текст с «Мой кот:» на «Моя кошка:» и наоборот.^[1]

Автор задач — Участник:Butko.

Примечания

↑
Если вы — новичок в JavaScript, то попробуйте этот вариант решения:
```
let button = document.getElementById('myButton');

function changeButtonText() {
 button.innerHTML = 'Моя кошка:';
 button.onclick = changeButtonText2;
}

function changeButtonText2() {
 button.innerHTML = 'Мой кот:';
 button.onclick = changeButtonText;
}
```
Если вы уже довольно хорошо знаете JavaScript, попробуйте другой способ, с использованием конструкции if..else.

[1] Если вы — новичок в JavaScript, то попробуйте этот вариант решения:
let button = document.getElementById('myButton'); function changeButtonText() { button.innerHTML = 'Моя кошка:'; button.onclick = changeButtonText2; } function changeButtonText2() { button.innerHTML = 'Мой кот:'; button.onclick = changeButtonText; }

Если вы уже довольно хорошо знаете JavaScript, попробуйте другой способ, с использованием конструкции if..else.

[1]