document.getElementById("button1").onclick = function(){
if(result.style.color = "black"){
result1.style.Color = "red";
}
//result1.style.Color = "blue";
}
.block {
width: 254px;
height: 488px;
border: 1px solid #000;
background: linear-gradient(117deg, black 42%, transparent 0);
}
.text {
display: flex;
justify-content: center;
align-items: center;
}
<center>текст</center>
, который крайне редко используется, но знать его все же нужно раз вы html изучаете. Фу, развод какой-нибудь небось? Подсказка: таймеры, Intersection Observer, скролл.