WEB/JS

[JS] 4-2. 과제 - 콘솔 사용법

개발자 만두 2021. 9. 19. 07:06
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
반응형