простенькая задача

@ovO_ · Регистрация: 14.11.2010

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

вобщем сижу всю ночь никак не получается решить:
на странице выводятся 12 квадратов 20 на 20 пикселей. в каждом квадрате наисанно случайное число от 1 до 50. квадраты изначально имеют белый фон. при клике по любому белому квадрату он становится желтым. при клике еще по одному квадрату он тоже становится желтым и происходит обмен: числа в желтых квадратах меняются местами, после этого все квадраты снова становятся желтыми

@newJS · 28.02.2013, 09:48

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

CSS
1
2
3
#cont div {width:30px; height:30px; display:inline-block; background:white;}
#cont div {border:2px solid red; font-size:19px; padding:5px; cursor:pointer;}
#cont div {margin:0 5px; font-family:'Courier New', Monaco, monospace;}

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
(function(){
var Q={}, d;
Q.flag=true;
d=document;
 
onload=function(){
init();
 };
 
function init(){
var m, k, a;
m=d.getElementById("cont");
k=m.innerHTML;
m.innerHTML=unescape(escape(k).replace(/%3E(?:%0D%0A|%0A|%20)%3C/gi, "><"));
//сколько штук возвращать, меньшее, большее, оба числа входят в диапазон
a=rand1(12, 1, 50);
m=m.getElementsByTagName("div");
k=m.length;
while(k--){
m[k].innerHTML=a[k];
m[k].onclick=clik;};
 
 };
 
function clik(){
var n;
if(Q.flag){
Q.flag=false;
Q.one=this;
this.style.background="yellow";}
else{
Q.flag=true;
Q.one.style.background="white";
n=Q.one.innerHTML;
Q.one.innerHTML=this.innerHTML;
this.innerHTML=n;};
 };
 
function rand1(n, s, b){//генерим массив случайных не повторяющихся чисел
var m=[], x;
//if(b-s+1<n){alert('Диапазон меньше количества'); return null;};
if(b-s+1<n){s=1; b=n;};//авто исправление
while(m.length!=n){
x=Math.floor(Math.random()*(b-s+1))+s;
if(huntEl(m, x)<0){m.push(x);}};
return m;
 };
 
function huntEl(m, x){
if(m.indexOf){return m.indexOf(x);}//все
else{//ие
var k=m.length;
while(k--){if(m[k]==x){break;}}};
return k;
 };
 
 
 
 })();

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

@ovO_ 0 / 0 / 0 Регистрация: 14.11.2010 Сообщений: 11

	простенькая задача 28.02.2013, 07:36. Показов 1339. Ответов 1 Метки нет (Все метки) вобщем сижу всю ночь никак не получается решить: на странице выводятся 12 квадратов 20 на 20 пикселей. в каждом квадрате наисанно случайное число от 1 до 50. квадраты изначально имеют белый фон. при клике по любому белому квадрату он становится желтым. при клике еще по одному квадрату он тоже становится желтым и происходит обмен: числа в желтых квадратах меняются местами, после этого все квадраты снова становятся желтыми 0

простенькая задача

Решение