 |
Создание сценариев с использованием массивов
|
|
|
|
Цель работы: Изучить основные объекты и методы для работы с массивами при создании сценариев JavaScript.
Теоретическая часть:
Массив представляет собой набор элементов, доступ к которым осуществляется по индексу. Массив создается оператором new Array. Например: var mas= new Array (1,2,3,4,5,6); var mas1=new Array (“1”,”2”,”3”,”4”); и т.д. Можно создать массив, лишь указать число элементов, например: var mas=new Array (7);
Все элементы массива пронумерованы, начиная с нуля. Для получения значения элемента масива необходимо задать имя масива и в квадратных скобках порядковый номер элемента. Массивы как объекты обладают свойствами. Одно из свойств – свойство length – определяет число элементов в массиве (длину массива).
Очень часто массивы используются для упорядочения информации, сорттровки, нахождения определенных значений и т.д.
Пример 1.
<html>
<head>
<title>Определения времени посещения Web страницы</title>
<script language="JavaScript">
nmonths=new Array ("январь","февраль","март",”апрель”,” май”, “июнь”, “июль”, “август”, “сентябрь”, “октябрь”, “ноябрь”, “декабрь”);
ndays=new Array ("воскресенье", "понедельник", "вторник", “среда”, “четверг”, “пятница”, “суббота”);
function DateTime() {
var now=new Date ()
var minute=now.getMinutes()
var second=now.getSeconds()
var hour=now.getHours()
var min=((minute<10)?":0":":")+minute
var sec=((second<10)?":0":":")+second
var str="сегодня"
year=now.getYear()+" "
month=now.getMonth()
imonth=nmonths[month]
day=now.getDay()
iday=ndays[day]
str+=now.getDate()+" "+imonth+" "+ year +" года <br>"
str+=" "+hour+min+sec+"<br>"
str+="Сегодня- "+iday
document.write(str) }
</script>
</head>
<body>
<center>
<script language="JavaScript">
DateTime()
</script>
</body>
</html>
Пример 2. Поиск максимального элемента в массиве
|
|
|
<html>
<head>
<title>Example_10</title>
<script language="JavaScript">
function max(mas) {
var mas = new Array (4,5,5,5,3,5,2,3,1)
var m=mas[0];
for (var i=1; i<=mas.length-1;i++)
{ if (mas[i]>m)
m=mas[i]; }
document.write(m) }
</script>
</head>
<body>максимальныq элемент=
<script language="JavaScript">
max()
</script>
</body>
</html>
Задание на работу:
1. Написать сценарий определения количества максимальных элементов в массиве.
2. Написать сценарий сортировки массива по возрастанию.
Ход работы:
1. Откройте Блокнот, создайте html – файлы для каждого задания.
2. Для каждого файла создайте сценарий для выполнения заданий
3. Сохраните созданные документы, откройте их в браузере и проверьте работоспособность.
ЛАБОРАТОРНАЯ РАБОТА № 5
СОЗДАНИЕ СЦЕНАРИЕВ С ИСПОЛЬЗОВАНИЕМ
ПЕРЕКЛЮЧАТЕЛЕЙ
Цель работы: Изучить основы работы с переключателями.
Теоретическая часть:
Одними из элементов формы являются переключатели. Переключатели осуществляют выбор одного из нескольких вариантов. Отображается в виде круглой кнопки и используется в составе группы подобных элементов. Все элементы группы должны иметь одинаковое значение параметра name и разное значение параметра value. Для создания переключателей используется тег <input> с атрибутами type=”radio”. переключатели как объекты имеют свойства и методы. К свойствам переключателя относятся параметры name, value, length, checked. К методам переключателя относятся Click (), Focus (). Переключатели указываются внутри тега <form></form>.
Например: Сценарий, в котором в зависимости от длины стороны или радиуса и формы, площадь рассматриваемых фигур вычисляется по формуле 
, где k – коэффициент, зависящий от формы выбранной фигуры, a – значение, задаваемое пользователем.
<html>
<head>
<title> пример 3 </title>
<script language="javascript">
function test (k) {
var a=form1.a1.value;
if (a!=" ")
form1.res.value=k*math.pow(a,2)
else aletr ("введите значение") }
|
|
|
</script>
</head>
<body>
<form name="form1">
введите значение
<input type="text" name="a1" size=10><hr>
выберите фигуру<hr>
<input type="radio" name="k" value=1 onClick= "test(form1.elements[1].value)"> квадрат <br>
<input type="radio" name="k" value=3.14 onClick= "test(form1.elements[2].value)"> круг <br>
<input type="radio" name="k" value=0.42 onClick= "test(form1.elements[3].value)"> треугольник <br>
площадь: <input type="text" name="res" size=10>
<input type="reset" value="отмена">
</form>
</body>
</html>
Вид экрана будет следующий:
Задание на работу:
В ходе выполнения лабораторной работы нужно составить сценарий, реализующий работу простейшего калькулятора с использованием переключателей.
Ход работы:
1. Откройте Блокнот, сохраните текущую страницу как calc1.html
2. На странице создайте четыре переключателя: Сложение, Вычитание, Умножение, Деление. Вначале сформируйте тело страницы - в разделе body заведите форму, назовите ее form1. Внутри формы укажите четыре переключателя, присвойте им имена и значения value.
3. Для каждого переключателя создайте сценарий для выполнения арифметических операций.
4. В форме создайте текстовые поля для ввода значений и вывода результата, а также кнопку Отмена
5. Сохраните документ, откройте его в браузере и проверьте работоспособность.
ЛАБОРАТОРНАЯ РАБОТА № 6
|
|
|
