Автомат называется синхронным, если его состояния меняются в строго определенные моменты времени, задаваемые с специальных сигналов синхронизации.
Входные сигналы синхронного автомата обладают следующими свойствами:
1) сигналы могут поступать на вход автомата только в строго определенные моменты времени (т.е. такты работы автомата определяются принудительно тактирующими синхросигналами);
2) длительность входных сигналов пренебрежимо мала;
3) в промежутках между тактирующими сигналами на входе автомата сигнал отсутствует.
Объяснение:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
#circle {
border-radius: 100px;
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
#circle.red {
background-color: red;
}
#circle.green {
background-color: green;
}
#circle.orange {
background-color: orange;
}
</style>
<title>Title</title>
</head>
<body>
<div id="circle" class="red"></div>
<скрипт>
colors = ["red", "green", "orange"]
document.getElementById("circle").addEventListener("click", function(e) {
const element = this;
let currentColor = element.classList.value
if (currentColor === "orange"){
currentColor = colors[0]
} else {
currentColor = colors[colors.indexOf(currentColor)+1]
}
element.classList = currentColor
})
</скрипт>
</body>
</html>
P.S. При загрузке фулл кода выдает ошибку от сайта.. Поэтому на фотке весь код