Принятие значений переменных из атрибутов данных HTML

*РЕДАКТИРОВАТЬ

У меня есть список в моем HTML под названием "#список слов", В этом списке я держу слова в моей игре, прикрепленный звук и прикрепленное изображение к каждому слову. Это все отлично работает.

Поскольку будут разные версии игры, меня попросили взять некоторые переменные, способные изменить количество слов для завершения, размер сетки и т. Д .; и поместите их в качестве атрибутов данных в списке. (Обеспечение доступности всех факторов редактирования в одном месте).

Проблема в том, что я могуне могу понять, как я собираюсь ввести значение для чего-то вроде "Количество входов» ниже и что меняем переменнуючисла» в сценарии.

Возможно ли это сделать?

Вот список (data-word, data-audio и data-pic все в порядке)


        
        
        
        
        
        
        
        
        
        

Вот переменная, которую мне нужно изменить через атрибуты данных в HTML

var numberInput = 2;
var completionNumber = 2;
var smallGrid = {
    x: 4,
    y: 4
};
var largeGrid = {
    x: 8,
    y: 6
};

Так в принципе, так что если"data-number-input="2" это сделало бы переменную"numberInput = 2;" в сценарии,

Ответы на вопрос(2)

Ваш ответ на вопрос