Jadi saya harus membuat kalkulator hari ini, kalkulator web dengan JS padanya, CSS dan sebagainya. Saya baru-baru ini menulis semula semua JS tangisan dan menyemak semula beberapa perkara. Sekarang butang kalkulator hilang.
Saya harap laman web itu mempunyai kalkulator pada halaman yang dahulunya mempunyai butang. Dijajarkan dengan pelik, tetapi masih butang. Tetapi apa yang saya lakukan ialah menukar sebahagian kecil kod HTML dan kini butang itu hilang.
Salin: https://replit.com/@MiguelBaltazar1/epicalculator
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda perlu menjadikan kelas "kunci" sebagai anak kepada elemen div dengan id "kalkulator". Di bawah ialah HTML yang dikemas kini yang membetulkan isu tersebut.
<!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>