按钮不见了-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

按钮不见了

P粉521013123 2024-01-16 21:32:51

[CSS3讨论组]

1046

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

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

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

P粉521013123

全部回复(1)

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

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

添加回复

专题推荐

更多>

热门话题

热门教程

更多>