Javascript: how to check if exists the same numbers in div, then change that 2 or 3 or more divs background color?

Question

0.00/5 (No votes)

See more:

I have 4x4 divs in the body,when i click on any div, it's generating random numbers in that div 0-100 numbers, like this http://prntscr.com/k5p0hr[^]

If numbers are coinciding, i need to draw with any color that divs. For example if there are three 26 numbers in div, then that three div's background color should be changed.

What I have tried:

I have tried like this, but it's wrong.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Das 7</title>
	<style>
			.parent{
			overflow: hidden;
		}
		.d2{
			float: left;
			margin: 1px;
			outline: 1px solid red;
			width: 100px;
			height: 100px;
		}
	</style>
</head>
<body>
	<div>
		<div class="parent">
			<div class="d2"></div>
			<div class="d2"></div>
			<div class="d2"></div>
			<div class="d2"></div>
		</div>
		<div class="parent">
			<div class="d2"></div>
			<div class="d2"></div>
			<div class="d2"></div>
			<div class="d2"></div>
		</div>
		<div class="parent">
			<div class="d2"></div>
			<div class="d2"></div>
			<div class="d2"></div>
			<div class="d2"></div>
		</div>
		<div class="parent">
			<div class="d2"></div>
			<div class="d2"></div>
			<div class="d2"></div>
			<div class="d2"></div>
		</div>
	</div>
</body>
<script src="JS/script.js"></script>
</html>



var arr = document.querySelectorAll(".d2");
for(var i = 0; i < arr.length; i++){
	arr[i].addEventListener("click", F);
}

function F(){
	var r = parseInt(Math.random()*100);
	this.innerHTML = r;
	if(arr.innerHTML == r){
		arr[i].style.background = "red";
}
}

Posted 12-Jul-18 6:17am

Suren97

Updated 12-Jul-18 17:34pm

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Bryian Tan · Answer 1 · 2018-07-12T17:35:00

Solution 1

Based on what posted here, more works are required. Here is an example: div bg color[^]

The arr is an array, you need to include a loop to iterate the object in it. Then you also need to add some logic to update the background color of other cells if the same number exists.

Posted 12-Jul-18 17:35pm

Bryian Tan