노마드코더/자바스크립트

바닐라 자바스크립트 #1-5

Victory_Heo 2021. 8. 21. 17:47

바닐라 자바스크립트 #1-5

자바스크립트의 기초 지식을 아는 것 뿐 아니라, 모멘텀(Momentum)이라는 생산성 앱을 클론코딩하면서
TO do List, 날씨, 시계 기능을 만들어 볼 수 있다.

 

<!DOCTYPE html>
<html>
<head>
    <title>Someting</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
	<h1>This works!</h1>
    <script src="index.js"></script>
</body>
</html>

먼저 틀을 잡아준 후, CSS로 넘어가서

body {
	background-color: peru;
}
h1 {
    color: #fff;
}

이렇게 뜬다.

다음으로 JS로 넘어가서

alert("Im Working. Im JS. Im Beautiful. Im worth it");

작성하면 ,

이렇게 뜬다.