как разнообразить сайт на html

мой сайт:http://nuriakxi.beget.tech/ код для сайта: Кнопка с действием body { background-color: #ffcccc; font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } #myButton { background-color: #4CAF50; color: white; border: none; padding: 10px 40px; font-size: 16px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } #myButton:hover { background-color: #45a049; } /* Стиль для изображения (по желанию) */ #imageContainer img { max-width: 300px; margin-top: 20px; } Кнопка const button = document.getElementById('myButton'); const imageContainer = document.getElementById('imageContainer'); button.addEventListener('click', function() { // Создаём элемент изображения const img = document.createElement('img'); img.src = 'https://tse3.mm.bing.net/th/id/OIP.9SSGQ5g3fouuecAQ1fxuVAHaL3?cb=ucfimg2&ucfimg=1&rs=1&pid=ImgDetMain&o=7&rm=3'; img.alt = 'описание'; // Очищаем контейнер и добавляем изображение imageContainer.innerHTML = ''; imageContainer.appendChild(img); // Показываем контейнер imageContainer.style.display = 'block'; });