Рандом элемент объекта вывод в произвольную кнопку

@lunoglotatel · Регистрация: 12.02.2019

Студворк — интернет-сервис помощи студентам

Есть три кнопки в которые выводятся ключи из объекта. Один из ключей верный, три других ключа не верны. На данный момент ключ выводится стандартно в первую колонку (option1). Как мне сделать рандомный вывод элементов на кнопки.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="area" class="wrapper">
     <center>           
    <p style="font-size: 38px;font-weight: bold;padding-top: 2px;color: #fff;" id="question"></p>
        
                                
                                <button onclick="check(0)" class="myButton" id="option1"></button>
                
                <button onclick="check(1)" class="myButton" id="option2"></button>
                
                <button onclick="check(2)" class="myButton" id="option3"></button>
                
                <button onclick="check(3)" class="myButton" id="option4"></button>
            
            </center>
 
        </div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// РАНДОМ
keys = Object.keys(numbers);
randomKey = keys[Math.floor(Math.random() * keys.length)];
getAnswer =document.getElementById("number").innerHTML = numbers[randomKey];
getAnswer =document.getElementById("option1").innerHTML =[randomKey]; //вывод на экран правильного варианта
j=1; //флажок что произошел рандом правильного варианта
//рандом вариантов
if(j=1){
keys = Object.keys(numbers);
randomKey = keys[Math.floor(Math.random() * keys.length)];
getAnswer1=document.getElementById("option2").innerHTML = numbers[randomKey];
 
keys = Object.keys(numbers);
randomKey = keys[Math.floor(Math.random() * keys.length)];
getAnswer1=document.getElementById("option3").innerHTML = numbers[randomKey];
 
keys = Object.keys(numbers);
randomKey = keys[Math.floor(Math.random() * keys.length)];
getAnswer1=document.getElementById("option4").innerHTML = numbers[randomKey];
};

Добавлено через 47 минут
И можно ли просто перемешать кнопки между собой? как это сделать?

Добавлено через 13 минут
Убрал флажоки оператор if и подправил вывод на экран

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// РАНДОМ
keys = Object.keys(numbers);
randomKey = keys[Math.floor(Math.random() * keys.length)];
getAnswer =document.getElementById("number").innerHTML = numbers[randomKey];
getAnswer =document.getElementById("option1").innerHTML =[randomKey]; //вывод на экран вопроса
 
//рандом вариантов
keys = Object.keys(numbers);
randomKey = keys[Math.floor(Math.random() * keys.length)];
getAnswer1=document.getElementById("option2").innerHTML = [randomKey];
 
keys = Object.keys(numbers);
randomKey = keys[Math.floor(Math.random() * keys.length)];
getAnswer1=document.getElementById("option3").innerHTML = [randomKey];
 
keys = Object.keys(numbers);
randomKey = keys[Math.floor(Math.random() * keys.length)];
getAnswer1=document.getElementById("option4").innerHTML = [randomKey];

Теперь я хочу перемешать кнопки button, что бы не знать в какой позиции находится правильный ответ. Сейчас правильный ответ кнопка один, первая позици.

@atanov · 11.09.2019, 08:02

Сообщение от lunoglotatel

Теперь я хочу перемешать кнопки button

поместите идентификаторы в массив, массив перемешайте как здесь ха тэ тэ пе : два слеша qaru точка site /questions/12346/how-to-randomize-shuffle-a-javascript-array описано, далее по массиву идёте и по идентификатору выводите кнопки.

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

Рандом элемент объекта вывод в произвольную кнопку

Решение