본문 바로가기

Development/Web & Server

[Javascript] basic syntax - 01


1. HTML페이지에 시작과 끝부분에 <script>와 <script/>를 넣는다.


<script>
    alert("My First JavaScript");
</script>


2.함수 호출 (Head)


<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>

</head>

<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>


코드 테스트


3.함수 호출 (Body)


<!DOCTYPE html>
<html>
<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>

</body>
</html>


코드 테스트


4. 외부 스크립트 사용하기


<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>


코드 테스트