test/old.html at main · Tost000/test · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>site of toster</title>
    <link rel="stylesheet" href="styles.css" />
    <link
      rel="icon"
      href="https://t2.gstatic.com/licensed-image?q=tbn:ANd9GcR-kr3FV7vvJPnm7PsNfMNRqa-btW0gtZD25FAQy6RPtQwS3qdMHg2iTGWXpEgVzTaa"
    />
  </head>
  <body>
    <div class="start_site">
      <div class="spase">
        <img class="decaration" src="Planet.png" alt="планета" />
        <img class="decaration" id="stars" src="stars.png" alt="звезды" />
      </div>
      <h1>ку.ку! кто пришел?</h1>
      <h2 class="subtitle">привет, незнокомец</h2>
      <br />
      <h3>Я Тимур. Это мой первый сайт</h3>
      <a href="https://discordapp.com/users/813356005902647318" target="_blank"
        >дискорд</a
      >
      <br />
    </div>
    <h3>я при создании сайта</h3>
    <br />
    <div>
      <img
        width="250"
        height="150"
        src="data:image/jpeg;base64,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"
        alt="пингвин"
      />
    </div>
    <div class="site _end">
      <!-- <img id="planet" src="Planet.png" alt="планета" /> -->
      <h3 class="title"><i>о создателе: </i> любит игры</h3>
      <ul>
        <li>майнкрафт</li>
        <li>террария</li>
      </ul>
      <h3 class="title">любимые блогеры:</h3>
      <ol>
        <li>куплинов</li>
        <li>M5</li>
      </ol>
      <br />
      <a href="https://www.youtube.com/watch?v=U8RUe_lCbJY" target="_blank"
        >традиционное поздравление</a
      >
      <br />
      <div class="click_me">
        <button id="counterBtn">Нажми меня <br />чтобы поддержать</button>
        <p id="counterValue">
          <b>Счетчик: 0</b>
        </p>
      </div>

      <!--
      <br>
      <img src="https://http.cat/images/599.jpg" alt="картинка кота кусаещего провода">
      -->
    </div>

    <script>
      // Получаем кнопку и элемент для отображения значения счетчика
      const counterBtn = document.getElementById("counterBtn");
      const counterValue = document.getElementById("counterValue");

      // Инициализируем счетчик
      let count = 0;

      // Функция обработки нажатия кнопки
      function incrementCounter() {
        // Увеличиваем значение счетчика
        count++;
        // Обновляем текст элемента с отображением счетчика
        counterValue.innerHTML = `<b>Счетчик: ${count}$</b>`;
      }

      // Назначаем функцию обработки события на клик по кнопке
      counterBtn.addEventListener("click", incrementCounter);
    </script>
  </body>
</html>