makstravm
/
HW-JS


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536
							<!DOCTYPE html>
<html lang="en-ru">

<html>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HW-15 traffic lights</title>
<link rel="stylesheet" href="style.css">

<body>
  <div class="container">
    <div class="traffic__lights">
      <div class="lights" id='red'></div>
      <div class="lights" id='yellow'></div>
      <div class="lights" id='green'></div>
    </div>
    <div class="traffic__lights">
      <div class="lights" id='red2'></div>
      <div class="lights" id='yellow2'></div>
      <div class="lights" id='green2'></div>
    </div>
    <div class="wrapper">
      <div class="traffic__lights">
        <div class="lights" id='red3'></div>
        <div class="lights" id='green3'></div>
      </div>
      <button id='btn' class="btn-light">КнОпкА</button>
    </div>

  </div>
  <button id="knopka" class='btn'>Я КНОПКа</button>
  <script src="main.js"></script>
</body>

</html>