Форум

Vardges · #1 (**permalink**) 06.09.2017, 13:36

Добрый день. Нужно сгенерировать рандомное число при клике и встативть в div на которого кликнули.

var elem=document.querySelectorAll('.element');//.element класс div-а

for (var i=0;i<elem.length;i++){
	elem[i].addEventListener('click',F);
}
function F(){
	var tiv=parseInt(Math.random()*9);
}

проблема в том что не могу вписать полученое число в div. querySelectorAll не работает ф с помошью this не знаю как,если даже это возможно.

Nexus · #2 (**permalink**) 06.09.2017, 13:47

Vardges,

<div class="element">
asd
</div><div class="element">
asd
</div>
<script>
var elems=document.querySelectorAll('.element');//.element класс div-а
for(var i=0; i < elems.length; i++){
	elems[i].addEventListener('click',function(){
		this.innerHTML=(Math.random()*9).toFixed();
	});
};
</script>

j0hnik · #3 (**permalink**) 06.09.2017, 13:49

<!DOCTYPE html>
<html lang="en">
<head>
	<style>
		div{
			display: inline-block;
			width: 30px;
			height: 30px;
			border: 1px solid red;
		}
	</style>
</head>
<body>
	<div class="element">-</div>
	<div class="element">-</div>
	<div class="element">-</div>
	<div class="element">-</div>
	<script>
		[].forEach.call(document.querySelectorAll('.element'), function(el){
			el.onclick=function(){
				el.innerHTML = Math.floor(Math.random() * 9);
			};
		});
	</script>
</script>
</body>
</html>

рони · #4 (**permalink**) 06.09.2017, 14:00

Vardges,

function F(){
  this.innerHTML=parseInt(Math.random()*9);
}

Vardges · #5 (**permalink**) 06.09.2017, 14:34

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

Vardges,

function F(){
  this.innerHTML=parseInt(Math.random()*9);
}

Спасибо

Vardges · #6 (**permalink**) 06.09.2017, 15:35

А как можно вытащить значения с Div и сравнить их между собой?

var elem=document.querySelectorAll('.element');

for (var i=0;i<elem.length;i++){
	elem[i].addEventListener('click',F);
}
function F(){
	this.innerText=parseInt(Math.random()*9);
	var tiv=this.innerText;
	tiv=Number(tiv);
	for (var i=0;i<elem.length;i++){
	if(tiv==elem[i]){
		var r=parseInt(Math.random()*255);
			var g=parseInt(Math.random()*255);
			var b=parseInt(Math.random()*255);
			this.style.background="green";
	}
}
}

пока что додумался до такого но не могу понять с чем сравнить переменную "tiv"

Nexus · #7 (**permalink**) 06.09.2017, 16:09

Vardges, Свойство innerText лучше не использовать.
https://developer.mozilla.org/ru/doc...Node/innerText

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

не могу понять с чем сравнить переменную "tiv"

С обработанным значением другого тэга.

В некоторых случаях коллекция «elem» внутри функции «F» может быть недоступна.
https://habrahabr.ru/post/78991/
https://learn.javascript.ru/functions-closures

Vardges · #8 (**permalink**) 06.09.2017, 16:19

[quote=Nexus;463876]Vardges, Свойство innerText лучше не использовать.
https://developer.mozilla.org/ru/doc...Node/innerText

С обработанным значением другого тэга.

В некоторых случаях коллекция «elem» внутри функции «F» может быть недоступна.
https://habrahabr.ru/post/78991/
https://learn.javascript.ru/functions-closures[/QUOT]
я чайник пока что так что нечего не понял,можно разжевать?использую хром

рони · #9 (**permalink**) 06.09.2017, 16:36

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

А как можно вытащить значения с Div и сравнить их между собой?

обьясните что хотите сделать? как сравнить и что потом?

Vardges · #10 (**permalink**) 06.09.2017, 16:54

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

обьясните что хотите сделать? как сравнить и что потом?

задать стиль равным по значению блокам

Форум

Справочник

Discord чат

Курсы javascript