Это проект Саймона Сэйса в javascript, с которым я не торопился, чтобы я мог лучше понять логику, что, когда я буду писать код, я обязательно смогу объяснить и понять.
Вот вывод кода в веб-консоли на Chrome: 
В журнале консоли у меня выводится 5, но, если вы посмотрите внимательногде код 5 выводит «index.html 61: 3», перед номером index.html номер 95 в овальной форме.
Это начинается с 5 и продолжает прибавлять 5, которые теперь достигают 95.
Будет полезно мое кодирование, которое я практиковал для совершенствования любого ввода.Вот мой код:
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
</head>
<body>
<h2 id="clickNumber">0</h2>
<button id="red1" class="colors" onclick="red()"></button>
<button id="blue1" class="colors" onclick="blue()"></button>
<button id="green1" class="colors" onclick="green()"></button>
<button id="yellow1" class="colors" onclick="yellow()"></button>
<script>
//
simonArr=[];
simonArr[0] = red;
simonArr[1] = blue;
simonArr[2] = green;
simonArr[3] = yellow;
simonAr = [
document.getElementById('red1'), document.getElementById('blue1'),
document.getElementById('green1'), document.getElementById('yellow1')
];
function red(){
document.getElementById('red1').style.opacity = ".25";
setInterval( function(){
document.getElementById('red1').style.opacity = "1";
}, 3000);
}
function blue(){
document.getElementById('blue1').style.opacity = ".25";
setInterval( function(){
document.getElementById('blue1').style.opacity = "1";
}, 3000);
}
function green(){
document.getElementById('green1').style.opacity = ".25";
setInterval( function(){
document.getElementById('green1').style.opacity = "1";
}, 3000);
}
function yellow(){
document.getElementById('yellow1').style.opacity = ".25";
setInterval( function(){
document.getElementById('yellow1').style.opacity = "1";
}, 3000);
}
var mySimon = setInterval(simonMix, 2000);
var simonX = simonAr.push(Math.floor(Math.random()*simonAr.length)+1);
function simonMix(){
for(var i=0;i<simonAr.length;i++){
if(simonX[i].style.opacity = ".25"===-1){
simonX[i].style.opacity ="1";
};
console.log(simonX)
}
}
</script>
</body>
</html>