После новогодних праздников и эстонских злоключений я снова сел за #JavaScript. И все еще бьюсь в него как рыба об лед. Пришло время поколотиться в массивы. После просмотра основ был запилен такой скрипт (так как я тренируюсь в CodePen, тут нет части, которая описывает элементы HTML):
var array1 = ['ананас', 'апельсин','морковь','молоко','сыр','колбаса','рис','масло','гречка','картофель','курица','палтус',];
var resFld = document.getElementById('result');
var iterr = document.getElementById('iterration');
var selItm = document.getElementById('selectItem');
var indexNum = document.getElementById('indexnumber');
array1.forEach(function(item, i) {
iterr.innerHTML += i+1 + '. ' + item + '' });
indexNum.oninput = function(){
if (indexNum.value < array1.length) {resFld.innerHTML = array1[indexNum.value];
}
else {
resFld.innerHTML = ('В массиве нет элемента с таким номером,')
+ '' + ('так как в массиве всего ') + '' + array1.length + '' + (' элементов')
}
};
Что же он делает? Он создает массив (пока его приходится создавать руками, но у меня есть план на этот счет), попутно выводит его в виде списка в элемент <р id="iterration"> с номерами (не с номерами элементов в массиве, а с номерами списка, то есть, не с "0", а с "1" (для этого значение номера элемента i увеличивается на единицу в i + 1). После этого из поля ввода забирается введенное значение и в элемент <р id="result"> выводится соответствующий элемент массива, если введенный номер не больше количества элементов массива.
Если же значение поля больше, чем количество элементов в массиве, в
выводится сообщение, что «В массиве нет элемента с таким номером, так как в массиве всего Х элементов» (Х - количество элементов массива).
Скрипт бесполезен чуть менее, чем полностью. Но он спланирован и написан полностью самостоятельно, не по какому-то уроку. Теперь нужно выяснить, как добавлять в массив значения поля и других элементов.
Такие дела, товарищи.