суббота, 22 июля 2017 г.

Учим Java Script. 11. Знакомство с массивами

index.html


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="1.js" defer></script>
</head>
<body>
<input type="text" id="i1">
<button onclick="p1()">Push</button>
<button onclick="p2()">Pop</button>
<hr>
<div id="out"></div>
</body>
</html>

1.js
var m = [];
var m1 = [99, 33, 'Hello'];
console.log(m1[2]);
console.log(m1);
console.log(m1[99]); // undefined

m1[3] = 444;
m1[4] = 44888;
console.log(m1);
//alert(m1.length); // длина массива

/*
for(var i = 0; i <m1.length; i++) {
document.getElementById('out').innerHTML += m1[i] + '</br>';
}
*/

function masOut() {
var p = document.getElementById('out');
var str = ''; // переменная для вывода

for(var i = 0; i <m1.length; i++) {
str += i + '-' + m1[i] + '</br>';
}
p.innerHTML = str;
}

masOut();

// вставляет элемент в массив
function p1() {
var i1 = document.getElementById('i1').value;
m1.push(i1);
masOut();
}

// удаляет элемент из массива
function p2() {
m1.pop();
masOut();
}

Комментариев нет:

Отправить комментарий