Рандом перевёртышей

@knfLx · Регистрация: 12.09.2016

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

Всем привет.

Есть такой js код

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Array.prototype.shuffle = function() {
    return this.sort(function() {
        return 0.5 - Math.random();
    });
};
var nums   = "123456789".split("");
const custom = "000".split("");
 
function getRandomNumber () { 
   nums.shuffle();
   for (i in custom) {
      nums[i] = custom[i];
   }
   while(nums[0] == 0){
      nums.shuffle();
   }
    return +nums.join("");
}
 
document.body.appendChild(document.createTextNode(getRandomNumber()));

как можно на выводе сделать привязку цифр к таким дивам

HTML5
1
2
3
4
5
<div class="change">
             <a id="img1" href="#img2"><img src="4.png" alt="" /></a>
             <a id="img2" href="#img1"><img src="1.png" alt="" /></a>
 
</div>

чтобы выводило не число а картинки привязанные к цифрам. То есть если 6578, то выдаёт солнышко, зайчика, мишку и дерево перевёртыши, которые можно переворачивать кликом(это уже есть, просто нужно как-то привязать)

@SergioO · 12.09.2016, 20:35

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

Array.prototype.shuffle = function() {
* * return this.sort(function() {
* * * * return 0.5 - Math.random();
* * });

откуда вы это берете? я просто не понимаю как будет работать qsort с подобным кампаратором...

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

чтобы выводило не число а картинки привязанные к цифрам

так у вас и выводятся картинки

JavaScript
1
2
3
let el = document.querySelector('Здесь селектор задайте');  
let matches = el.querySelectorAll('и здесь');
// дальше циклом по атрибуту src

@knfLx · 12.09.2016, 20:39 **[ТС]**

Ну картинки как раз у меня и не выводятся, и можно чуть подробнее про ваше решение

@SergioO · 12.09.2016, 20:57

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

можно чуть подробнее про ваше решение

здесь задаете селектор свое <div id='container'>
тогда

JavaScript
1
let el = document.querySelector('#container');

получаете свой div
далее

JavaScript
1
let matches = el.querySelectorAll('img');

получаете коллекцию картинок внутри div своего
далее в matches.length у вас количество
организуете цикл и присваиваете атрибуту текущего элемента нужное зачение

Добавлено через 8 минут
например

HTML5
1
2
3
4
<div id = 'cont'>
   <img>
   <img>
</div>

JavaScript
1
2
3
4
5
let el = document.querySelector('#cont');
let matches = el.querySelectorAll('img');
for(let i = 0; i < matches.length; i++){
matches[i].src = //и тут присваиваете что вам угодно
}

работоспособность не гарантирую, но суть такова
почитайте про querySelector и querySelectorAll

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка 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. Реализовать контроль заполнения реквизита. . .

@knfLx 0 / 0 / 0 Регистрация: 12.09.2016 Сообщений: 7
	12.09.2016, 20:39 [ТС]
	Ну картинки как раз у меня и не выводятся, и можно чуть подробнее про ваше решение 0

Опции темы