Как я могу вывести переменную через кнопку

Я делаю простой веб-сайт для покупок, и я хотел создать цикл, который создавал отображение для всех предметов.

<script>
    function Test(A) {
        alert(A)
    }
</script>

<body>
    <h1>Hello</h1>
    <button on:click = {Test("Hello")}>Test button</button>
</body>

В настоящее время я запускаю эту функцию, и я получаю предупреждение при загрузке веб-сайта, а затем кнопка ничего не делает. Как я могу это исправить?

🤔 А знаете ли вы, что...
HTML5 предоставляет более широкие возможности для работы с мультимедиа, включая аудио и видео без использования плагинов.


30
1

Ответ:

Решено

Вы хотите это:

<button on:click = {() => Test("Hello")}>Test button</button>

Выполняя on:click = {Test("Hello")}, вы говорите: «вызовите Test при загрузке страницы и добавьте возвращаемое значение в качестве обработчика нажатия на кнопку». Вот почему функция вызывается только один раз. Вместо этого вы хотите передать ссылку на функцию — таким образом, функция вызывается при каждом щелчке.