从键盘输入两个数求和js

在JavaScript中，你可以使用`prompt`函数获取用户从键盘输入的两个数字，然后通过简单的数学操作计算它们的和。下面是一个简短的例子：

// 获取用户输入的第一个数字
let num1 = Number(prompt("请输入第一个数: "));

// 获取用户输入的第二个数字
let num2 = Number(prompt("请输入第二个数: "));

// 计算并输出两数之和
let sum = num1 + num2;
alert("两个数的和是: " + sum);

在这个例子中，我们假设用户会输入有效的数字。如果需要处理非数字输入，可以添加一些错误检查：

let num1 = prompt("请输入第一个数: ");
if (isNaN(num1)) {
  alert("无效输入，请输入数字");
} else {
  let num2 = prompt("请输入第二个数: ");
  if (isNaN(num2)) {
    alert("无效输入，请输入数字");
  } else {
    let sum = Number(num1) + Number(num2);
    alert("两个数的和是: " + sum);
  }
}

相关问题

上机实验三 1. 设计网页实现输入两个数,对这两个数求和, 将表达式及结果显示在本页内。 2. 输入一行文本,将输入的文本中的大写字母改 为小写字母并显示在本页内。 3.点击按钮更换文本颜色,例3-3。 4.用事件监听器实现更换文本颜色,例3-4。 5. 添加、删除列表的内容,例3-5。 注:所有事件调用自定义函数完成功能。

好的，根据你的要求，我来为你还原这五个功能的键盘输入：

1. 设计网页实现输入两个数,对这两个数求和, 将表达式及结果显示在本页内。

HTML代码：

<input type="number" id="num1">
<input type="number" id="num2">
<button onclick="sum()">求和</button>
<p id="result"></p>

JavaScript代码：

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

2. 输入一行文本,将输入的文本中的大写字母改为小写字母并显示在本页内。

HTML代码：

<input type="text" id="text">
<button onclick="convert()">转换</button>
<p id="result"></p>

JavaScript代码：

function convert() {
  var text = document.getElementById("text").value;
  var result = text.toLowerCase();
  document.getElementById("result").innerHTML = result;
}

3. 点击按钮更换文本颜色,例3-3。

HTML代码：

<p id="text">这是一段文本</p>
<button onclick="changeColor()">更换颜色</button>

JavaScript代码：

function changeColor() {
  document.getElementById("text").style.color = "red";
}

4. 用事件监听器实现更换文本颜色,例3-4。

HTML代码：

<p id="text">这是一段文本</p>
<button id="btn">更换颜色</button>

JavaScript代码：

document.getElementById("btn").addEventListener("click", function() {
  document.getElementById("text").style.color = "red";
});

5. 添加、删除列表的内容,例3-5。

HTML代码：

<input type="text" id="item">
<button onclick="addItem()">添加</button>
<button onclick="removeItem()">删除</button>
<ul id="list"></ul>

JavaScript代码：

function addItem() {
  var item = document.getElementById("item").value;
  var node = document.createElement("li");
  var textnode = document.createTextNode(item);
  node.appendChild(textnode);
  document.getElementById("list").appendChild(node);
}

function removeItem() {
  var list = document.getElementById("list");
  list.removeChild(list.lastChild);
}