lesson8-js/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
    <!-- Styles -->
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <button id="btn">Привет!</button>

    <div class="blocks">
      <div id="black"></div>
      <div id="pink"></div>
      <div id="green"></div>   
    </div>

    <div class="cont1">
      <button id="btn1">Видимость</button>
      <button id="btn2">Цвет фона</button>
      <button id="btn3">Цвет границы</button>
      <button id="btn4">Ширина границы</button>
      <button id="btn5">Ширина</button>
      <button id="btn6">Высота</button>
      <button id="btn7">X</button>
      <button id="btn8">Y</button>
      <button id="btn9">Размер шрифта</button>

      <div id="block">Я - зеленый прямоугольник!</div>
    </div>

    <!-- Scripts -->
    <script src="js/script.js"></script>
  </body>
</html>