- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
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
P粉1067114252024-01-17 17:27:16
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>