Я делаю простой веб-сайт для покупок, и я хотел создать цикл, который создавал отображение для всех предметов.
<script>
function Test(A) {
alert(A)
}
</script>
<body>
<h1>Hello</h1>
<button on:click = {Test("Hello")}>Test button</button>
</body>
В настоящее время я запускаю эту функцию, и я получаю предупреждение при загрузке веб-сайта, а затем кнопка ничего не делает. Как я могу это исправить?
🤔 А знаете ли вы, что...
HTML5 предоставляет более широкие возможности для работы с мультимедиа, включая аудио и видео без использования плагинов.
Вы хотите это:
<button on:click = {() => Test("Hello")}>Test button</button>
Выполняя on:click = {Test("Hello")}
, вы говорите: «вызовите Test
при загрузке страницы и добавьте возвращаемое значение в качестве обработчика нажатия на кнопку». Вот почему функция вызывается только один раз. Вместо этого вы хотите передать ссылку на функцию — таким образом, функция вызывается при каждом щелчке.