JS
자바 스크립트 활용예시(console.log)
goshek
2024. 7. 30. 16:28
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="./a_javascript.css">
</head>
<body>
<button>Gwon</button>
<script src="./a_javascript.js"></script>
</body>
</html>
css
button{
margin: 20px;
padding: 20px;
border: 5px dotted black;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
background-color: #ccc;
text-transform: uppercase;
}
javascript
// !. a_javascript.js
//? 1. JS주석
/*
자바스크립트
여러 줄 주석
*/
//자바스크립트 한 줄 주석
// ?2. 확장자
//.js
//? 3. 웹 문서에서의 JS 파일 위치
// : 닫히는 body 태그 바로 위에 위치
//#간단한 JS 예제
// 웹 문서에서 button이라는 선택자를 요청하여 button에 담기
// const button= document.querySelector('button');
// button.addEventListener('click', updateName);
// function updateName(){
// const name= prompt('Enter New Name');
// button.textContent=`Player 1:${name}`
// console.log(`${name}`);
// }
//! 자바스크립트 개발 환경 설정
//1. 코드 작성 및 확인
// : 개발자 도구 || 터미널
//2. 플러그인 설치
// - 코드 스니펫
// - ESLint
console.log('안녕하세요');
// >console 입력 snippets: clg
console.log('집 가고 싶어요');
