10. Задать цвет фона для документа.

Рисунок 10 – Задание 11

Листинг кода:

let blockzad11 = document.createElement("div");

blockzad11.className = "zad-11";

document.getElementsByTagName("body")[0].appendChild(blockzad11);

let azad11 = document.createElement("a");

azad11.text = "Задание 11: Задать цвет фона для документа.";

document.getElementsByClassName("zad-11")[0].appendChild(azad11);

let zadanie11 = document.createElement("div");

zadanie11.className = "zadanie11";

document.getElementsByClassName("zad-11")[0].appendChild(zadanie11);

let buttonzad11 = document.createElement("input");

buttonzad11.type = "button";

buttonzad11.className = "btn-array";

buttonzad11.value = "Задать цвет";

buttonzad11.onclick = function(){

let color=prompt("Введите цвет фона:","");

document.bgColor=color;

}

document.getElementsByClassName("zadanie11")[0].appendChild(buttonzad11);

11. Задать цвет текста для документа.

Рисунок 11 – Задание 12

Листинг кода:

let blockzad12 = document.createElement("div");

blockzad12.className = "zad-12";

document.getElementsByTagName("body")[0].appendChild(blockzad12);

let azad12 = document.createElement("a");

azad12.text = "Задание 12: Задать цвет текста для документа.";

document.getElementsByClassName("zad-12")[0].appendChild(azad12);

let zadanie12 = document.createElement("div");

zadanie12.className = "zadanie12";

document.getElementsByClassName("zad-12")[0].appendChild(zadanie12);

let buttonzad12 = document.createElement("input");

buttonzad12.type = "button";

buttonzad12.className = "btn-array";

buttonzad12.value = "Задать цвет";

buttonzad12.onclick = function(){

let color=prompt("Введите цвет текста:","");

document.fgColor=color;

}

document.getElementsByClassName("zadanie12")[0].appendChild(buttonzad12);

12. Задать цвет гиперссылок в документе.

Рисунок 12 – Задание 13

Листинг кода:

let blockzad13 = document.createElement("div");

blockzad13.className = "zad-13";

document.getElementsByTagName("body")[0].appendChild(blockzad13);

let azad13 = document.createElement("a");

azad13.text = "Задание 13: Задать цвет гипертекста для документа.";

azad13.href = "#";

document.getElementsByClassName("zad-13")[0].appendChild(azad13);

let zadanie13 = document.createElement("div");

zadanie13.className = "zadanie13";

document.getElementsByClassName("zad-13")[0].appendChild(zadanie13);

let buttonzad13 = document.createElement("input");

buttonzad13.type = "button";

buttonzad13.className = "btn-array";

buttonzad13.value = "Задать цвет";

buttonzad13.onclick = function(){

let color=prompt("Введите цвет текста, RGB:","");

document.linkColor=color;

document.alinkColor=color;

document.vlinkColor=color;

}

document.getElementsByClassName("zadanie13")[0].appendChild(buttonzad13);

13. Осуществить переход по гиперссылке при нажатии соответствующей кнопки.

Рисунок 13 – Задание 14

Листинг кода:

let blockzad14 = document.createElement("div");

blockzad14.className = "zad-14";

document.getElementsByTagName("body")[0].appendChild(blockzad14);

let azad14 = document.createElement("a");

azad14.text = "Задание 14: Осуществить переход по гиперссылке при нажатии соответствующей кнопки.";

document.getElementsByClassName("zad-14")[0].appendChild(azad14);

let zadanie14 = document.createElement("div");

zadanie14.className = "zadanie14";

document.getElementsByClassName("zad-14")[0].appendChild(zadanie14);

let buttonzad14 = document.createElement("input");

buttonzad14.type = "button";

buttonzad14.className = "btn-array";

buttonzad14.value = "Переход по гиперссылке на сайт БИТИ";

buttonzad14.onclick = function(){

document.location.href = "https://biti.mephi.ru/";

}

document.getElementsByClassName("zadanie14")[0].appendChild(buttonzad14);