JS10 Day 8: Create a Button 문서 원본 보기

==개요==
;<nowiki>Day 8: Create a Button</nowiki>
* Dashboard  - Tutorials - 10 Days of Javascript - Day 8: Create a Button
* https://www.hackerrank.com/challenges/js10-create-a-button

{{JS10 헤더}}
{{JS10 8-9}}
|}

----

{{소스헤더|js/button.js}}
<syntaxhighlight lang='javascript'>
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;
};
</syntaxhighlight>

{{소스헤더|index.html}}
<syntaxhighlight lang='html'>
<!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>
</syntaxhighlight>

{{소스헤더|js/button.css}}
<syntaxhighlight lang='css'>
#btn {
    width: 96px;
    height: 48px;
    font-size: 24px;
}
</syntaxhighlight>