혜영쌤 마늘미션 따라하기 ,,,
이거 기록하려고 블로그 팠다.
1일차 -
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="001.css" type="text/css">
</head>
<body>
<h1 id="title">자바스크립트 연동</h1>
<button onclick="test()">외부 JS 파일에서 함수를 정의했어효</button><br>
<script src="001.js"></script><br>
<script>
document.write("이 문장은 html 내부에서 썼어요");
console.log("하이");
console.log(2+3);
</script>
</body>
</html>
001.js
document.write('이 문장은 js 파일을 불러왔어요');
console.log(document.getElementById("title"));
function test() {
document.write('신사역 투썸 플레이스 청포도 에이드');
}
청포도 에이드
맛없다.
'Study > JavaScript' 카테고리의 다른 글
| [JS] 자바스크립트 기초 - 대화상자를 띄우는 명령어 alert(), confirm() (0) | 2020.07.28 |
|---|---|
| [JS] 자바스크립트 기초 - 대화상자를 띄우는 명령어 prompt() (0) | 2020.07.27 |
| [JS] 자바스크립트 기초 - 자바스크립트 적용 위치 비교 (0) | 2020.07.24 |
| [JS] 자바스크립트 기초 - 변수 대소문자 구분 (0) | 2020.07.23 |
댓글