второе итоговое задание


#1

попробовал поэкспереминтировать и вставить скрипт прямо в 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);

}


#2

Угага, делал уже 3 раздел и вдруг дошло, у двери стиль не borderBottomColor, а background, и добавил дверь отдельно, короче мелькают оба, а если время поменять, то вообще светофор


#3

Да, круто! =)