Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти, науки, молоді та спорту України
Національний Університет “Львівська Політехніка”
Кафедра БІТ
Звіт
до лабораторної роботи №4
На тему:
«Застосування JavaScript для створеннявеб-сторінок»
Метою даної роботи є вивчення основних можливостей мови JavaScript для створення динамічних Web-сторінок.
Варіант завдання.
Реалізувати калькулятор з додатковими функціями (квадратний корінь, піднесення до степеня, з кнопкою відображення поточного часу) і двома регістрами пам'яті.
Скріншоти результатів роботи створеної Вами програми та її код.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>
<body>
Введіть 1 число
<form id="form1" name="form1" method="post" action="">
<label for="textfield"></label>
<input type="text" name="textfield" id="textfield" />
</form>
<p>Виберіть операцію
<select id = "sign">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
<option value="sqrt">sqrt</option>
<option value="^">^</option>
</select>
</p>
<p>Введіть 2 число </p>
<form id="form2" name="form2" method="post" action="">
<p>
<input type="text" name="textfield2" id="textfield2" />
</p>
</form>
<input name="" type="button" onclick = "Calc();" value = "Calculate"/>
<Br>
Результат :
<form id="form3" name="form3" method="post" action="">
<p>
<input type="text" name="textfield3" id="textfield3" />
</p>
</form>
<input type="submit" name="Time" id="Time" onclick = "Time();" value="Поточний час" />
<script type="text/javascript">
function Time()
{
var now = new Date();
alert(now);
}
function Calc()
{
var a, b;
var result;
var sign;
function Get_A()
{
a = document.getElementById('textfield').value;
return Number(a);
}
function Get_B()
{
b = document.getElementById('textfield2').value;
return Number(b);
}
function getSign()
{
sign = document.getElementById('sign').value;
return sign;
}
function setResult()
{
document.getElementById('textfield3').value = result;
}
function doCalc()
{
var a = Get_A();
var b = Get_B();
if(getSign() == "+")
{result = a + b; }
else if(getSign() == "-"){
result = a - b; }
else if(getSign() == "*"){
result = a * b; }
else if(getSign() == "/"){result = a / b;}
else if(getSign()=="sqrt"){result = Math.sqrt(a);}
else{result = Math.pow(a,b);}
setResult();
}
doCalc();
}
</script>
</body>
</html>
Висновки
На цій лабораторній роботі я вивчила основні конструкції і можливості мови програмування Javascript і основні області застосування цієї мови. Також навчилася вбудовувати Javascript – застосування в HTML - сторінку.