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

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

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

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

@newJS · 28.02.2013, 09:48

HTML5

<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

(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;
 };
 
 
 
 })();

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

	28.02.2013, 09:48

Опции темы

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

Решение