- •Отчет по практической работе №1
- •Написать функции, в которых использовались бы математические функции. Результат вычислений вывести в строку состояния.
- •Написать функции с использованием массивов Array.
- •Создать кнопку, выводящую сообщение с url изображения, загруженного на странице.
- •Вывести сообщение о дате последнего изменения загруженного документа.
- •Выдать окно запроса имени пользователя и вывести его в строку состояния.
- •Вывести заголовок загруженного документа.
- •Вывести в документ текущую дату, с использованием объекта Date.
- •Вывести текущее время, с использованием объекта Date.
- •Вывести разницу в минутах между местным и гринвичским временем.
- •Задать цвет фона для документа.
- •Задать цвет текста для документа.
- •Задать цвет гиперссылок в документе.
- •Осуществить переход по гиперссылке при нажатии соответствующей кнопки.
- •Внутри фрейма вывести имя родительского окна.
- •Произвести сортировку произвольного числового массива, минуя метод .Sort, методом “пузырька” и вывести результат в строку состояния.
Написать функции с использованием массивов Array.
Рисунок 2 – Задание 3
Листинг кода:
document.write('<div class="zad-3"><a class="zad">Задание 3: Написать функции с использованием массивов Array.</a><div class="massive-table"><form name="mf"><input type="button" class="btn-array" value="Добавить в массив" onclick="dobmassive();" ><input type="button" class="btn-array" value="Вывести массив" onclick="vivestimassiv();" ></div></div>');
let array = [];
function dobmassive(){
dobmas = prompt("Введите эллемент массива","");
array.push(dobmas);
alert("Элемент массива " +dobmas+ " добавлен!");}
function vivestimassiv(){
alert("Элементs массива: "+ array);
}
Создать кнопку, выводящую сообщение с url изображения, загруженного на странице.
Рисунок 3 – Задание 4
Листинг кода:
let blockzad4 = document.createElement("div");
blockzad4.className = "zad-4";
document.getElementsByTagName("body")[0].appendChild(blockzad4);
let azad4 = document.createElement("a");
azad4.text = "Задание 4: Создать кнопку, выводящую сообщение с url изображения, загруженного на странице.";
document.getElementsByClassName("zad-4")[0].appendChild(azad4);
let zadanie4 = document.createElement("div");
zadanie4.className = "zadanie4";
document.getElementsByClassName("zad-4")[0].appendChild(zadanie4);
this.img = document.createElement("img");
this.img.src = "img.png";
this.img.className = "logo";
document.getElementsByClassName("zadanie4")[0].appendChild(this.img);
let buttonzad4 = document.createElement("input");
buttonzad4.type = "button";
buttonzad4.className = "btn-array";
buttonzad4.value = "Вывести URL изображения";
buttonzad4.onclick = function(){
let imgFullURL = document.querySelector('img.logo').src;
alert(imgFullURL);
}
document.getElementsByClassName("zadanie4")[0].appendChild(buttonzad4);
Вывести сообщение о дате последнего изменения загруженного документа.
Рисунок 4 – Задание 5
Листинг кода:
let blockzad5 = document.createElement("div");
blockzad5.className = "zad-5";
document.getElementsByTagName("body")[0].appendChild(blockzad5);
let azad5 = document.createElement("a");
azad5.text = "Задание 5: Вывести сообщение о дате последнего изменения загруженного документа.";
document.getElementsByClassName("zad-5")[0].appendChild(azad5);
let zadanie5 = document.createElement("div");
zadanie5.className = "zadanie5";
document.getElementsByClassName("zad-5")[0].appendChild(zadanie5);
let buttonzad5 = document.createElement("input");
buttonzad5.type = "button";
buttonzad5.className = "btn-array";
buttonzad5.value = "Дата последнего изменения страницы";
buttonzad5.onclick = function(){
let lastdate = document.lastModifed;
alert(Date(lastdate).toLocaleString());
}
document.getElementsByClassName("zadanie5")[0].appendChild(buttonzad5);
Выдать окно запроса имени пользователя и вывести его в строку состояния.
Рисунок 5 – Задание 6
Листинг кода:
let blockzad6 = document.createElement("div");
blockzad6.className = "zad-6";
document.getElementsByTagName("body")[0].appendChild(blockzad6);
let azad6 = document.createElement("a");
azad6.text = "Задание 6: Выдать окно запроса имени пользователя и вывести его в строку состояния.";
document.getElementsByClassName("zad-6")[0].appendChild(azad6);
let zadanie6 = document.createElement("div");
zadanie6.className = "zadanie6";
document.getElementsByClassName("zad-6")[0].appendChild(zadanie6);
let buttonzad6 = document.createElement("input");
buttonzad6.type = "button";
buttonzad6.className = "btn-array";
buttonzad6.value = "Выдать запрос имени пользователя";
buttonzad6.onclick = function(){
user = prompt("Введите имя пользователя:","");
aazad6.text=user;
}
document.getElementsByClassName("zadanie6")[0].appendChild(buttonzad6);
let aazad6 = document.createElement("a");
document.getElementsByClassName("zadanie6")[0].appendChild(aazad6);
