728x90
반응형
✅오늘의 과제
➰누르면 console.log()를 통해 0부터 값이 올라가는 버튼 만들기
➰코드
day4.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>day4</title>
</head>
<body>
<button type="button" id="btn" onclick="numincrease()">버튼을 클릭해보세요ヾ(•ω•`)o</button>
<script src="./day4.js"></script>
</body>
</html>
day4.js
let btnClicked = 0;
function numincrease() {
console.log(btnClicked);
btnClicked++;
}
numincrease();
코드 설명
버튼을 클릭하면 btnClicked 변수의 숫자가 1씩 증가하게 했고, 버튼 클릭 횟수와 맞게 숫자가 증가하도록 하기 위해 Javascript 파일 내에서 함수를 한번 실행시켰다.
➰코드실행화면(https://jsday4.netlify.app)
➰Github
https://github.com/minseon6371/javascript-study/tree/main/day4
GitHub - minseon6371/javascript-study
Contribute to minseon6371/javascript-study development by creating an account on GitHub.
github.com
728x90
반응형
'WEB > JS' 카테고리의 다른 글
| [JS] 5-2. 과제 - 타입 및 변수 (0) | 2021.09.19 |
|---|---|
| [JS] 5-1. 타입 및 변수 (0) | 2021.09.19 |
| [JS] 4-1. 콘솔 사용법 (0) | 2021.09.19 |
| [JS] 3-2. 과제 - HTML + Javascript(2) (0) | 2021.09.19 |
| [JS] 3-1. HTML + Javascript(2) (0) | 2021.09.19 |
