Je devrais donc créer une calculatrice aujourd'hui, une calculatrice Web avec JS dessus, CSS, etc. J'ai récemment réécrit tous les cris du JS et revérifié certaines choses. Maintenant, le bouton de la calculatrice a disparu.
J'aurais aimé que le site Web ait une calculatrice sur la page pour laquelle il avait des boutons. Bizarrement aligné, mais toujours un bouton. Mais tout ce que j'ai fait, c'est modifier une petite partie du code HTML et maintenant le bouton disparaît.
Copie : https://replit.com/@MiguelBaltazar1/epicalculator
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous devez faire de la classe "keys" un enfant de l'élément div avec l'identifiant "calculatrice". Vous trouverez ci-dessous le HTML mis à jour qui résout le problème.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Calculator, apparently</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body onload="load()"> <header class="header"> <h1>this is a calculator.</h1> </header> <div id="calculator"> <div class="top"> <span id="clear">C</span> <div id="screen">1234567890</div> </div> <div class="keys"> <span>7</span> <span>8</span> <span>9</span> <span class="operator">+</span> <span>4</span> <span>5</span> <span>6</span> <span class="operator">-</span> <span>1</span> <span>2</span> <span>3</span> <span class="operator">÷</span> <span>0</span> <span>.</span> <span class="eval">=</span> <span class="operator">x</span> </div> <script type="text/javascript" src="script.js"></script> </body> </html>