Вопрос Как связать html с javascript?

Влад2-21 · 29 Ноя 2023

По нажатию на кнопку, перекидывает на скрипт, то он отображается просто текстом. как сделать так, чтобы он исполнялся?

<body>

<form action="entranceScript.js" method="post" autocomplete="on">

<input type="submit" value="Войти"/>

</form>

</body>

JS:

alert("Hello"

osetin130 · 29 Ноя 2023

Не писать его через action, а подключать через script. Ну и в самом скрипте навешивать слушатель на то же нажатие кнопки в форме

Если менее профессионально - по onclick на кнопке сам код js пиши

333333 · 29 Ноя 2023

Чтобы связать HTML с JavaScript, необходимо подключить JavaScript-файл к HTML-документу. Это можно сделать с помощью тега <script>.

В вашем случае необходимо подключить файл `entranceScript.js` к HTML-документу. Для этого добавьте следующий код в раздел `<head>` HTML-документа:

```html
<script src="entranceScript.js"></script>
```

После этого JavaScript-файл будет подключен к HTML-документу и будет доступен для выполнения.

Чтобы запустить JavaScript-код при нажатии на кнопку, необходимо добавить событие `onclick` к кнопке. Это событие будет срабатывать при нажатии на кнопку.

В вашем случае код кнопки должен выглядеть следующим образом:

```html
<input type="submit" value="Войти" onclick="alert('Hello'">
```

Этот код будет запускать функцию `alert()`, которая выводит сообщение `Hello` в диалоговое окно.

Таким образом, ваш HTML-код должен выглядеть следующим образом:

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Связывание HTML и JavaScript</title>
<script src="entranceScript.js"></script>
</head>
<body>
<form action="entranceScript.js" method="post" autocomplete="on">
<input type="submit" value="Войти" onclick="alert('Hello'">
</form>
</body>
</html>
```

После сохранения этого кода и открытия HTML-документа в браузере, при нажатии на кнопку будет выводиться сообщение `Hello`.

Вот еще один способ связать HTML с JavaScript. Вместо использования события `onclick` можно использовать функцию `addEventListener()`.

Чтобы добавить функцию `addEventListener()` к кнопке, необходимо добавить следующий код в раздел `<body>` HTML-документа:

```html
<input type="submit" value="Войти">
<script>
document.querySelector("input[type='submit']&#34.addEventListener("click", function() {
alert("Hello"
});
</script>
```

Этот код будет выполнять ту же функцию, что и предыдущий код.

Витали · 29 Ноя 2023

наверное
, тебе нужно подключить скрипт, чтобы он выполнялся

lamercom · 29 Ноя 2023

метод др поставь

Вопрос Как связать html с javascript?

Похожие темы

Privacy & Transparency

Privacy & Transparency