1) Как добавить JavaScript в html?

Существует три способа добавления JS.

  1. Встраивание кода
  2. Встроенный код
  3. Внешний файл

Код для внедрения:

Чтобы добавить код JavaScript на HTML-страницы, мы можем использовать тег HTML ‹script><…..‹/script> 

<!DOCTYPE html >  
<html>  
<head>  
<title> page title</title>  
<script>  
document.write("Welcome to Javatpoint");  
</script>  
</head>  
<body>  
<p>Inthis example we saw how to add JavaScript in the head section </p>  
</body>  
</html>

Встроенный код

Обычно этот метод используется, когда нам нужно вызвать функцию в атрибутах событий HTML. Во многих случаях (или событиях) нам приходится добавлять код JavaScript напрямую, например, событие OnMover, OnClick и т. д.

Давайте посмотрим на примере, как можно добавить JavaScript прямо в html без использования ‹скрипта›…. Тег ‹/script›.

<!DOCTYPE html >  
<html>  
<head>  
<title> page title</title>  
</head>  
<body>  
<p>  
<a href="#" onClick="alert('Welcome !');">Click Me</a>  
</p>  
<p> in this example we saw how to use inline JavaScript or directly in an HTML tag. </p>  
</body>  
</html>

Внешний файл

<html>  
<head>  
<meta charset="utf-8">  
<title>Including a External JavaScript File</title>  
</head>  
<body>  
<form>  
<input type="button" value="Result" onclick="display()"/>  
</form>  
<script src="hello.js">  
</script>  
</body>  
</html>

Hello.js

function display() {  
  alert("Hello World!");  
}