Advertisement
Hasli4

Untitled

Jun 3rd, 2025
861
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Java 1.69 KB | None | 0 0
  1.  
  2. ## Решения
  3.  
  4. 1. ```js
  5.    const title = document.querySelector('.title');
  6.    title.style.color = 'red';
  7.    ```
  8.  
  9. 2. ```js
  10.    const btn = document.querySelector('.hide-btn');
  11.    const para = document.querySelector('.text');
  12.    btn.addEventListener('click', () => {
  13.      para.style.display = 'none';
  14.    });
  15.    ```
  16.  
  17. 3. ```js
  18.    document.addEventListener('DOMContentLoaded', () => {
  19.      const box = document.querySelector('#box');
  20.      box.style.backgroundColor = 'yellow';
  21.    });
  22.    ```
  23.  
  24. 4. ```js
  25.    const wrapper = document.querySelector('#wrapper');
  26.    wrapper.innerHTML += '<p>Новая строка</p>';
  27.    ```
  28.  
  29. 5. ```js
  30.    const rect = document.querySelector('.rect');
  31.    rect.style.width = '200px';
  32.    rect.style.height = '100px';
  33.    ```
  34.  
  35. 6. ```js
  36.    const toggleBtn = document.querySelector('#toggle');
  37.    const panel = document.querySelector('#panel');
  38.    toggleBtn.addEventListener('click', () => {
  39.      panel.style.display = panel.style.display === 'none' ? 'block' : 'none';
  40.    });
  41.    ```
  42.  
  43. 7. ```js
  44.    const p = document.querySelector('p');
  45.    p.style.fontSize = '20px';
  46.    ```
  47.  
  48. 8. ```js
  49.    const ball = document.querySelector('#ball');
  50.    ball.addEventListener('click', () => {
  51.      ball.style.transform = 'scale(1.2)';
  52.      setTimeout(() => {
  53.        ball.style.transform = 'scale(1)';
  54.      }, 1000);
  55.    });
  56.    ```
  57.  
  58. 9. ```js
  59.    const list = document.querySelector('#list');
  60.    list.innerHTML = '<li>Элемент 1</li><li>Элемент 2</li><li>Элемент 3</li>';
  61.    ```
  62.  
  63. 10. ```js
  64.     const img = document.createElement('img');
  65.     img.src = 'path/to/image.jpg';
  66.     img.style.width = '150px';
  67.     document.body.appendChild(img);
  68.     ```
  69.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement