suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Knopf fehlt

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

P粉521013123P粉521013123352 Tage vor484

Antworte allen(1)Ich werde antworten

  • P粉106711425

    P粉1067114252024-01-17 17:27:16

    您需要将“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>

    Antwort
    0
  • StornierenAntwort