项目1-加法运算-Html5&JS实现

核心代码:

@{
    ViewBag.Title = "加法测试";
}
<h2>@ViewBag.Title.h2>
<input id="FirstNum" type="text" name="FirstNum" value="0">+
<input id="SecondNum" type="text" name="SecondNum" value="0">=
<input id="SumNum" type="text" name="SumNum" value="0">
<p id="SumNum2">0p>
<hr />
<input type="submit" value="Submit" onclick="subAdd()">
<script>
    function subAdd() {
        var a = document.getElementById("FirstNum");
        var b = document.getElementById("SecondNum");
        var c = parseInt(a.value) + parseInt(b.value);
        document.getElementById("SumNum").value = c;
        document.getElementById("SumNum2").innerHTML = c;
        alert(c);
    }
script>

 总结:

1.通过Id获取元素,然后再通过value获取数据。

2.通过Id获取元素,然后再通过value、或innerHtml、或alert显示数据。