thymeleaf 3.0.3 两个input number 数字相加 赋值到另一个 input text中

假设有以下 HTML 代码：

<input type="number" id="num1">
<input type="number" id="num2">
<input type="text" id="result">
<button id="add" onclick="addNumbers()">Add</button>

可以使用 JavaScript 在点击按钮时将两个数字相加并将结果赋值给文本框：

function addNumbers() {
  var num1 = document.getElementById("num1").value;
  var num2 = document.getElementById("num2").value;
  var result = parseInt(num1) + parseInt(num2);
  document.getElementById("result").value = result;
}

如果要在 Thymeleaf 中使用，可以将 JavaScript 代码放在 Thymeleaf 表达式中：

<input type="number" id="num1" th:value="${num1}">
<input type="number" id="num2" th:value="${num2}">
<input type="text" id="result" th:value="${result}">
<button id="add" onclick="addNumbers()" th:text="#{add}">Add</button>

<script th:inline="javascript">
function addNumbers() {
  var num1 = /*[[${num1}]]*/ 0;
  var num2 = /*[[${num2}]]*/ 0;
  var result = parseInt(num1) + parseInt(num2);
  document.getElementById("result").value = result;
}
</script>

其中，Thymeleaf 表达式 `${num1}`、`${num2}` 和 `${result}` 分别代表三个输入框中的值，`th:text="#{add}"` 表示按钮上的文本是一个国际化字符串，`/*[[${num1}]]*/` 和 `/*[[${num2}]]*/` 表示在 JavaScript 中获取 Thymeleaf 表达式的值。