eugeniy.ho
/
javascript_practice


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style>
		#trafficLightId {
			width: 50px;
			display: flex;
			flex-direction: column;
		}

		.traffic-light__element {
			width: 100%;
			height: 50px;
			border: 4px solid black;
			border-radius: 50%;
		}

        .red.on {
	        background-color: red;
        }

        .yellow.on {
            background-color: yellow;
        }

        .green.on {
            background-color: green;
        }
	</style>
</head>
<body>
<div id="trafficLightId"></div>
<script src="trafficLight-stage2.js"></script>
</body>
</html>