여기서부터 조금씩 어려워집니다.
가장 기본적인 자바스크립트를 실습해보겠습니다.
<!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>
'인프런 - 강의 > 슈퍼초보를 위한 웹개발 기초' 카테고리의 다른 글
| 10 - 자바스크립트 연습 조금 더 해보기(디버깅) (0) | 2019.12.28 |
|---|---|
| 9 - 자바스크립스 연습 (0) | 2019.12.28 |
| 7 - 반응형 웹과, 부트스트랩(bootstrap) (0) | 2019.12.28 |
| 6 - CSS 좀 더 알아보기 More (0) | 2019.12.27 |
| 5 - CSS 시작하기 (0) | 2019.12.27 |