попробовал поэкспереминтировать и вставить скрипт прямо в HTML и заменить все упоминания о крыше (roof) на дверь (door) в надежде что будет мелькать дверь, но ничего не происходит, может кто скажет в чем дело ? (при этом все работает если снова изменить дверь на крышу, проверено)
<head>
<meta charset="utf-8">
<link href="/assets/course2/style2.css" rel="stylesheet">
<!-- <script src="/assets/course2/scripts2.js"> </script> -->
</head>
<body>
<div class="scene">
<div class="roof" id="roof"></div>
<div class="house">
<div class="door" id="door"></div>
</div>
</div>
<script>
window.onload = function(){
var door = document.getElementById('door');
door.style.borderBottomColor = 'orange';
setInterval(function(){
if (door.style.borderBottomColor == 'orange')
{
door.style.borderBottomColor = 'red';
}
else {
door.style.borderBottomColor = 'orange';
}
}, 1000);
}