JS10 Day 8: Create a Button

개요[ | ]

Day 8: Create a Button

Dashboard - Tutorials - 10 Days of Javascript - Day 8: Create a Button
https://www.hackerrank.com/challenges/js10-create-a-button

해커랭크 10 Days of Javascript
#	문제	비고
8-9 Day e
23	JS10 Day 8: Create a Button
24	JS10 Day 8: Buttons Container
25	JS10 Day 9: Binary Calculator

js/button.js

JavaScript

Copy

var btn = document.createElement('button');
btn.id = 'btn';
btn.innerHTML = '0';
document.body.appendChild(btn);
var click_count = 0;
btn.onclick = function() {
    click_count++;
    btn.innerHTML = click_count;
};

index.html

html

Copy

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Button</title>
        <link rel="stylesheet" href="css/button.css" type="text/css">
    </head>
    <body>
        <script src="js/button.js" type="text/javascript"></script>
    </body>
</html>

js/button.css

css

Copy

#btn {
    width: 96px;
    height: 48px;
    font-size: 24px;
}