Also sollte ich heute einen Taschenrechner erstellen, einen Webrechner mit JS darauf, CSS und so weiter. Ich habe kürzlich alle JS-Schreie umgeschrieben und einige Dinge noch einmal überprüft. Jetzt ist die Taschenrechnertaste verschwunden. Ich wünschte, die Website hätte einen Taschenrechner auf der Seite, für die es früher Schaltflächen gab. Seltsam ausgerichtet, aber immer noch ein Knopf. Aber ich habe nur einen kleinen Teil des HTML-Codes geändert und jetzt verschwindet die Schaltfläche.
Kopie: https://replit.com/@MiguelBaltazar1/epicalculator
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
您需要将“keys”类设为 id 为“calculator”的 div 元素的子元素。下面是修复该问题的更新后的 HTML。
<!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>