Почему кнопка активируется при загрузке страницы?

Question

[MODifikaTOR]

Между кусками PHP-кода поместил две идентичные процедурно генерируемые Javascript-кнопки со ссылками на другие страницы. При генерации кнопок и загрузке страницы ссылка автоматически активируется и запускается переход на другую страницу. Как мне исправить код чтобы переход осуществлялся по нажатии на кнопку?

?>
                <script>
// если раскомментить строку ниже – код не будет выполняться
//                    $(document).ready(function{
                        var button = document.createElement("button");
                        button.innerHTML = "Продолжить";
                        button.type = "button";
                        button.onclick = goto();
                        document.getElementsByTagName('body')[0].appendChild(button);
//                        });
                    
                    function goto(){
                        window.location.href='Main.html';
                    }
                </script>
                <?php

Comments

[Ярослав Иванов]

А всего то надо было убрать скобки у goto

Answer 1

[MODifikaTOR]

Решил проблему добавлением обработчика addEventListener:

?>
                <script>
                        var button = document.createElement("button");
                        button.innerHTML = "Продолжить";
                        button.type = "button";
                        button.addEventListener('click', function() {
                            window.location.href='Main.html';
                        }, false);
                        document.getElementsByTagName('body')[0].appendChild(button);
                    }
                </script>
                <?php

Comments

[di]

Пробовали () убрать из
button.onclick = goto();
По-моему они и провоцировали вызов функции, может пригодится в будущем

Answer 2

[mikelgusev]

button.onClick = goto; /* goto() */