8 - 자바스크립트(Javascript) 맛보기

----___<<<<< 2019. 12. 28. 06:13

여기서부터 조금씩 어려워집니다.

가장 기본적인 자바스크립트를 실습해보겠습니다.

<!DOCTYPE html>
<html>
<head>

	<script type="text/javascript">
		alert("나는 자바스크립트");
	</script>


</head>
<body>



</body>
</html>

이렇게 자바스크립트를 하나 띄워줄 수 있습니다.

<!DOCTYPE html>
<html>
<head>
	
	<title>타이틀이에요 뿌우^^</title>

	
</head>
<body>

	<div id="test"> 여기는 뭘까용 </div>
	5 + 6
	<script type="text/javascript">
		
		// document.getElementById("test").innerHTML = "asdfasdf"

		document.getElementById("test").innerHTML = 5 + 6

	</script>



	
</body>
</html>

이렇게 또 자바스크립트를 이용할 수 있고

계속 해보겠습니다.

<!DOCTYPE html>
<html>
<head>
	
	<title>타이틀이에요 뿌우^^</title>

	
</head>
<body>

	<div id="test"> 여기는 뭘까용 </div>
	5 + 6
	<script type="text/javascript">

		let a = 11
		let b = 22

		let c = (100+50) * a;
		
		// document.getElementById("test").innerHTML = "asdfasdf"

		document.getElementById("test").innerHTML = c

	</script>



	
</body>
</html>