搜索

首页  >  问答  >  正文

按钮不见了

所以我今天应该做一个计算器,一个网络计算器,上面有 JS,还有 CSS 等等。我最近重写了所有 JS cries 并重新检查了一些内容。现在计算器按钮消失了。

我希望网站的页面上有一个计算器,它曾经有按钮。奇怪地对齐,但仍然是按钮。但我所做的只是更改了 HTML 代码中的一小部分,现在按钮就消失了。

复制:https://replit.com/@MiguelBaltazar1/epicalculator

P粉521013123P粉521013123353 天前486

全部回复(1)我来回复

  • 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>

    回复
    0
  • 取消回复