Как получить значения внутри ползунка диапазона из массива - PullRequest
Новая
       11

Как получить значения внутри ползунка диапазона из массива

0 голосов
/ 11 июня 2019

Я не могу получить значения массива (алфавит), связанные с ползунком.Это дает номер вместо буквы.Javascript только цель здесь, кстати.

Я попытался дать ему createSlider.value = allTheLetters среди других вещей, но он не работает.

// Creating the Alphabet Array

var allTheLetters =         ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"]; 

 // Creating button 
  var button = document.createElement("button");
  button.style.display = "block";
  button.id = "sliderButton";
  var sliderButtonId = document.getElementById("sliderButton");
  button.innerHTML = "Add new letter";
 // End creating Button

 // Creating slider and displaying it to the DOM
  var sliderParent = document.getElementById("target");
  var createSlider = document.createElement("input");
  createSlider.type = "range";
  createSlider.min = 0;
  createSlider.max = allTheLetters.length;
  sliderParent.appendChild(createSlider);
  sliderParent.appendChild(button);
 // End slidercreation

значение createSlider сейчас равно 50, я бы хотел, чтобы оно начиналось с буквы A и доходило до максимума до буквы Z.

1 Ответ

0 голосов
/ 11 июня 2019

Оказывается, вы не можете получить нечисловое значение внутри слайдера, поэтому вам нужно получить значение положения слайдера и сделать его ссылкой на созданный вами массив, как показано ниже: 

// Creating slider and displaying it to the DOM
            var sliderParent = document.getElementById("target");
            var createSlider = document.createElement("input");
            createSlider.type = "range";
            createSlider.min = 0;
            createSlider.max = allTheLetters.length-1;
            sliderParent.appendChild(createSlider);
            sliderParent.appendChild(button);

            // get Value of slider location
            var sliderResult = createSlider.value;
            var theLetterIWant = allTheLetters[sliderResult];

            console.log(theLetterIWant);
            // End slidercreation
...