Форум

Alexander__ · #1 (**permalink**) 05.04.2016, 15:44

Пожалуйста помогите найти ошибку. Не получается добавить элемент на станицу.

var square = document.createElement('div');
var container = document.getElementById('container');
container.appendChild(square);            
element.classList.add('square');

Alexander Belov · #2 (**permalink**) 05.04.2016, 15:51

Alexander__,
Что такое element и где сама функция, которая должна выполнить описанные действия?

Alexander__ · #3 (**permalink**) 05.04.2016, 16:00

Ой, там должно быть имя элемента), но даже при исправлении этой ошибки ничего не работает(

Alexander Belov · #4 (**permalink**) 05.04.2016, 16:03

Alexander__,
Вы описываете, что должно быть сделано. Должна быть и функция, которая запускает выполнение перечисленного. Где она?

Alexander__ · #5 (**permalink**) 05.04.2016, 16:06

А нельзя ли добавлять элементы без функции?

Alexander Belov · #6 (**permalink**) 05.04.2016, 16:42

Alexander__,
Без функции Вы говорите, что нужно сделать, но не даёте команду выполнить это.

Пример

Alexander__ · #7 (**permalink**) 05.04.2016, 17:02

Так тоже ничего не происходит

var button = document.getElemetById('but');
            
            function draw() {
                var square = document.createElement('div');
                
                var container = document.getElementById('container');
                container.appendChild(square);
                
                square.classList.add('square');
            }
            
            button.addEventListener("click", draw);

рони · #8 (**permalink**) 05.04.2016, 17:04

Alexander__,
целиком код нужен , попробуйте поставить скрипт вниз страницы когда уже есть элементы с которыми скрипт работает

Alexander__ · #9 (**permalink**) 05.04.2016, 17:09

Вот код целиком

<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div id="container"></div>
        <button id="but"></button>
        <script>
            var button = document.getElemetById('but');
            
            function draw() {
                var square = document.createElement('div');
                
                var container = document.getElementById('container');
                container.appendChild(square);
                
                square.classList.add('square');
            }
            
            button.addEventListener("click", draw);
        </script>
    </body>
</html>

Alexander Belov · #10 (**permalink**) 05.04.2016, 17:09

Alexander__,

Пример

Форум

Справочник

Discord чат

Курсы javascript