У роботі розглядаються
- JavaScript
- Вебпрограмування
- Динамічні вебсторінки
- HTML та DOM
- Функції у JavaScript
Застосування JavaScript для створення веб-сторінок
Інформація про навчальний заклад
ВУЗ:
Національний університет Львівська політехніка
Інститут:
Інститут комп’ютерних наук та інформаційних технологій
Факультет:
Комп’ютерні науки
Кафедра:
Не вказано
Інформація про роботу
Рік:
2014
Тип роботи:
Звіт до лабораторної роботи
Предмет:
Програмування
Група:
КН-11
Коротко про документ
Про що ця робота
У звіті до лабораторної роботи досліджено можливості мови JavaScript для створення динамічних вебсторінок. На практиці реалізовано веб-калькулятор із додатковими математичними функціями та відображенням часу.
Зміст і розділи
- Мета роботи
- Варіант завдання
- Код програми
- Висновки
Для кого:Студенти технічних спеціальностей, викладачі та розробники-початківці
Викладачі:Не вказано
Ключові поняття
JavaScriptHTMLвебсторінкафункціяскриптDOMінтерфейсрозробкакод
Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний Університет “Львівська Політехніка”
Кафедра БІТ
/
Звіт
до лабораторної роботи №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>
<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 – сторінку, зумів практично реалізувати калькулятор використовуючи базові знання програмування HTML та Javascript.
Допоможи студентському архіву
Ми допомогли тобі — допоможи наступному студенту
Оголошення від адміністратора
Подякувати Студентському архіву довільною сумою
Admin
26.02.2023 12:38
Дякуємо, що користуєтесь нашим архівом!