所以我今天應該要做一個計算器，一個網頁計算器，上面有 JS，還有 CSS 等等。我最近重寫了所有 JS cries 並重新檢查了一些內容。現在計算器按鈕消失了。
我希望網站的頁面上有一個計算器，它曾經有一個按鈕。奇怪地對齊，但仍然是按鈕。但我所做的只是更改了 HTML 程式碼中的一小部分，現在按鈕就消失了。
複製：https://replit.com/@MiguelBaltazar1/epicalculator
您需要將「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>
您需要將「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>