JavaScript - Новый год

Jan 06, 2019 15:20


После новогодних праздников и эстонских злоключений я снова сел за #JavaScript. И все еще бьюсь в него как рыба об лед. Пришло время поколотиться в массивы. После просмотра основ был запилен такой скрипт (так как я тренируюсь в CodePen, тут нет части, которая описывает элементы HTML):

  1. var array1 = ['ананас', 'апельсин','морковь','молоко','сыр','колбаса','рис','масло','гречка','картофель','курица','палтус',];

  2. var resFld = document.getElementById('result');

  3. var iterr = document.getElementById('iterration');

  4. var selItm = document.getElementById('selectItem');

  5. var indexNum = document.getElementById('indexnumber');

  6. array1.forEach(function(item, i) {

  7. iterr.innerHTML += i+1 + '. ' + item + '' });

  8. indexNum.oninput = function(){

  9. if (indexNum.value < array1.length) {resFld.innerHTML = array1[indexNum.value];

  10. }

  11. else {

  12. resFld.innerHTML = ('В массиве нет элемента с таким номером,')

  13. + '' + ('так как в массиве всего ') + '' + array1.length + '' + (' элементов')

  14. }

  15. };

Что же он делает? Он создает массив (пока его приходится создавать руками, но у меня есть план на этот счет), попутно выводит его в виде списка в элемент <р id="iterration"> с номерами (не с номерами элементов в массиве, а с номерами списка, то есть, не с "0", а с "1" (для этого значение номера элемента i увеличивается на единицу в i + 1). После этого из поля ввода забирается введенное значение и в элемент <р id="result"> выводится соответствующий элемент массива, если введенный номер не больше количества элементов массива.

Если же значение поля больше, чем количество элементов в массиве, в 
выводится сообщение, что «В массиве нет элемента с таким номером, так как в массиве всего Х элементов» (Х - количество элементов массива).

Скрипт бесполезен чуть менее, чем полностью. Но он спланирован и написан полностью самостоятельно, не по какому-то уроку. Теперь нужно выяснить, как добавлять в массив значения поля и других элементов.

Такие дела, товарищи.

#javascript, ПК, гром-и-молния, запиливать, писанина, для кругозора

Previous post Next post
Up