bulls&cows

by Weron2

HTML

<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8">
  <title>Bulls an cows</title>

<style>
   div {
	border-radius: 50%;
	
  	display: inline-block;
  	width:  60px;
 	height: 60px;
 	margin-left: 10px;
	}
div.c0 {
background-color: green;
}
div.c1 {
background-color: yellow;
}
div.c2 {
background-color: purple;
}
div.c3 {
background-color: orange;
}
div.c4 {
background-color: blue;
}
div.c5 {
background-color: red;
}
div.c6 {
background-color: white;
}
div.c8 {
background-color: black;
}
div.c9 {
background-color: gray;
}

</style>
</head>
<body>
<table border="0" align = "center">
<tr><td id="colors"></td><td id="rand">
<input type="button" onclick="checkset()" style="height:70px; width:100px" value ="Проверить">
<input type="button" value="Очистить поле" onclick='clears()' style="height:70px; width:100px">
</td></tr>
<tr><td id="box"></td>
<td>
<input type="button" value="Как играть" onclick='alert ("Ваша задача угадать случайную последовательность из 4 цветов, выбирая цвета из предложенных. Если выбранный цвет есть в загаданной последовательности, то он отмечается серым цветом, если этот цвет стоит на своем месте, то черным. Цвета могут повторяться")' style="height:70px; width:100px"> <input type="button" value="Новая игра" onclick='newgame()' style="height:70px; width:100px">

</td>
</tr>
<tr border="1"><td id="cup" colspan="2" border="1"></td></tr>
</table>

<script>

setTimeout('fillcolors()', 0);
let count=0;
let win=false;
let yourset =[];
let randset = [];
function fillcolors(){
	let colors = "";
	let ss= "";
	for (let i = 0;i<6;i++){
	  colors = colors + "<div class = 'c"+i+"' onclick = 'select(this.className)'></div>";
	}
	document.getElementById("colors").innerHTML = colors+"<div class='c7'></div>";
	for (let j=0;j<4;j++) {
		randset[j] = "c"+Math.floor(Math.random() * 6);
		ss=ss+randset[j]+ " ";
	}
	console.log (ss);
}

function select (clname)
{
	if (count<4)
	{
		let circle = document.createElement("div");
		circle.className =...