如何 append 在 h1 中回答？

Question

 I'm trying to do a simple calculator by input value but it doesn't seem to appear on my h1. Can somebody help me? i also want to make the variables work outside the function. function addition(){ let $first = $('#first').val(); let $second = $('#second').val(); $('h1').append($first + $second); }

 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>A Great Demo on CodePen</title> </head> <body> <input type='text' id='firstNum' placeholder='Enter First Number'> <input type='text' id='secondNum' placeholder='Enter Second Number'> <button id='add' onclick='addition()'>Add</button> <button id='sub' onclick='subtraction()'>Subtract</button> <button id='multi' onclick='multiplication()'>Multiply</button> <button id='divide' onclick='division()'>Divide</button> <h1></h1> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> </body> </html>

Answer 1

我想知道计算器将如何处理两个输入，但无论如何

您的 ID 是错误的，它的#firstNum和#secondNum不是#first / #second -
您需要使用parseInt或parseFloat将字符串转换为 integer

 function addition(){ let $first = parseFloat($('#firstNum').val()); let $second = parseFloat($('#secondNum').val()); $('h1').html($first + $second); }

 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>A Great Demo on CodePen</title> </head> <body> <input type='text' id='firstNum' placeholder='Enter First Number'> <input type='text' id='secondNum' placeholder='Enter Second Number'> <button id='add' onclick='addition()'>Add</button> <button id='sub' onclick='subtraction()'>Subtract</button> <button id='multi' onclick='multiplication()'>Multiply</button> <button id='divide' onclick='division()'>Divide</button> <h1></h1> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> </body> </html>

我建议使用 html,css,javascript 搜索计算器，那里有很多

如何 append 在 h1 中回答？

问题描述

1 个解决方案

解决方案1
0 2021-01-06 03:30:11

如何 append 在 h1 中回答？

问题描述

1 个解决方案

解决方案1 0 2021-01-06 03:30:11

解决方案1
0 2021-01-06 03:30:11