02/01/2022

10 Jours de JavaScript - HackerRank (3/3)

Day 8: Create a Button (02.01.2022)

Dans css/button.css, on a:

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

Dans js/button.js, on a:

var btn = document.createElement("button");
btn.id = "btn";
btn.innerHTML = 0;
document.body.appendChild(btn);

btn.onclick = function() {
    var nbr = Number(this.innerHTML);
    nbr += 1;
    this.innerHTML = nbr.toString();
    document.body.appendChild(this);
    
}

Dans index.html, on a:

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

Aucun commentaire:

Enregistrer un commentaire