Міністерство освіти, науки, молоді та спорту України Національний Університет “Львівська Політехніка” Кафедра БІТ
Звіт до лабораторної роботи №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 - сторінку.