javascript - 即使是最基本的 Javascript 对我来说也失败了 - 但为什么呢？

Question

我在这里正在努力学习一些非常基本的 Javascript(根本不是 Javascript 的忠实粉丝或专家!)，我只是无法理解为什么会失败......

我有一些非常基本的 HTML 标记:

Value 1: <input type="text" id="int1" /> <br />
Value 2: <input type="text" id="int2" /> <br /><br />

<input type="button" name="add" value="Add" onclick="add();" />

然后是一些 Javascript:

<script type="text/javascript">
onerror = unhandled;

function unhandled(msg, url, line) {
   alert('There was an unhandled exception');
}

function add() {
   alert($("#int1").val() + $("#int2").val());
}
</script>

根据我(基于 Pascal 和 C#)的理解，add 方法应该从 ID 为 int1 和 int2< 的输入元素中读出值 并添加这些值，然后显示结果。

看起来足够基本且无害......

但是，即使我确实在这两个文本框中输入了两个有效的整数(例如 10 和 20)，我仍然会收到一个 There was an unhandled exception 并且我只是cannot了解这里出了什么问题。

有人可以启发我吗？

Answer 1

$.val() 返回一个字符串值。您需要将两个返回的字符串转换为数字，然后添加值。

试试这个

function add() {
    alert(parseFloat($('#int1').val()) + parseFloat($('#int2').val()));`
}