C# 使用HTML5和JS或ASP.NET进行加法和减法运算

我正试图在本地主机上设置一个非常基本的页面来添加和减去值

我已经在ASP.NET Razor中设置了一个网页来执行此操作。问题是，我在web应用程序开发方面相当缺乏经验。微软庞大且常常相互矛盾的文档并没有真正起到帮助作用，我可能对自己要做的事情缺乏基本的了解。记住这一点，别把我钉在十字架上

---

我希望有三个字段：第一个值、第二个值和结果输出。我有两个按钮，可以选择加法或减法，另外还有一个按钮，如果你愿意的话，还可以选择提交按钮。显然，这些项目是HTML格式的。现在，我需要做手术。我将使用哪种语言执行此操作：ASP.NET/Razor C服务器端还是JavaScript浏览器端？我想这两种方法都有，但我对这两种方法的实现方式都有些模糊

我想你可能知道这一点，但这个问题非常广泛。我将尝试为您的问题服务器端或浏览器提供一个简单的答案：

我可能会选择服务器端，这样您就不必依赖启用了JS的用户。然而，如果你知道你的用户有JS和/或你不在乎，那么JS会更快，因为它不必再次进入服务器

至于如何实施，我认为这超出了stackoverflow的范围。

是的，您的问题非常广泛，实现任务的方法选择实际上取决于许多因素。无论如何，我写下了我认为您希望在JavaScript和jQuery中执行的这个非常原始的版本，所以这一切都发生在客户端：

<script>
function addOperands() {
    var result = $('#operand1').val() + $('#operand2').val();
    $('#result').val(result);
}

function subtractOperands() {
    var result = $('#operand1').val() - $('#operand2').val();
    $('#result').val(result);
}
</script>

<input id="operand1" type="number" value="5"/>
<input id="operand2" type="number" value="6"/>
<input id="result" type="number" disabled/>
<button id="add" onclick="addOperands()">Add</button>
<button id="subtract" onClick="subtractOperands()">Subtract</button>

---

您可以在这里进行尝试。

这两种方法都有可能做到，但如果您想了解如何在这两种方法中实现这一点，尽管很简单，但对于StackOverflow问题来说，有太多的先决条件。JavaScript可能提供了最低的进入门槛，但是如果您已经了解了足够多的内容，能够向用户提供一个页面，那么使用C创建一个包含所需数据的视图模型并在控制器操作中执行加减操作应该不会太难

JavaScript中的大纲工作流是-

对于初学者来说，通过ID、名称或类ID查找页面中的输入是最简单的，因为它有一个简单的长期API

获取输入值-您可能希望将这些值分配给变量，但是如果您有对DOM元素的引用，则可以直接使用这些元素的值

检查值是否为实际数字，而不是无法对其执行数学运算的字符串或其他值

确定要执行的操作。一个简单的选项是在页面上有一个保持初始状态的变量，可以按相同的按钮切换该变量，也可以按所述的加减按钮进行更改

如果像您这样的双选项情况最简单，则使用条件语句对值执行所需的算术运算。将结果赋给一个变量

创建包含答案的新元素并将其添加到页面，或修改现有页面元素的文本

上述操作需要在响应result按钮上的click事件的事件处理程序函数中完成

进修资源-

对于ASP.NET MVC/Razor-

将表单提交给控制器操作

控制器操作要么需要接受视图模型作为参数，要么需要单独的参数来表示要添加的编号和操作

使用条件语句在C语言中执行所需的操作-添加或减去值。将结果赋给一个变量

将变量传递给视图以显示数据

仅当通过Ajax提交请求并在模式窗口中显示结果时，才使用partial将查看结果或部分结果返回给用户-这对于现在来说太高级了

进修资源-