Javascript 发送到innerhtml

我正在制作一个机器人，它正在通过警报和提示接受订单。但是现在我想直接在页面上显示它。有人知道我如何在代码中将提示更改为innerHTML，并且仍然能够使所有内容正常工作（并继续进行下一个问题）

这是我的代码：

// Iteration 2
alert(`Hey! Happy to serve you pizza. On our menu we have ${vegetarian.toLowerCase()}, ${hawaiian.toLowerCase()} and ${pepperoni.toLowerCase()} pizza.`)


// Iteration 3 & 5
let orderName = prompt("Enter the name of the pizza you'd like to order today.").toLowerCase()
console.log(`orderName = ${orderName}`)

let orderQuantity
while(true) {
    if (checkOrderName(orderName)) {
        console.log("Right type of pizza")
        orderQuantity = prompt(`How many ${orderName} pizzas do you want?`)
        break;
    } else {
        console.error("Wrong type of pizza")
        orderName = prompt(`we don't have ${orderName} on the menu. Please choose something from the menu:`)
    }
}
console.log(`Exited while loop. orderQuantity = ${orderQuantity}`)

// Iteration 4
let orderTotal = calculatePrice(orderQuantity, pizzaPrice) 
console.log(`orderTotal = ${orderTotal}`)
// alert("Great I'll get started on your " + orderName + " right away. It will cost " + orderTotal + " kr. It will take " + cookingTime(orderQuantity) + " min.")

document.getElementById("pop-up-replacement").innerHTML = `Great I'll get started on your ${orderName} right away. It will cost ${orderTotal} kr. It will take ${cookingTime(orderQuantity)} min.`

```  

---

基本上，您需要做的是有一个html元素，您可以在其中显示消息/问题。然后添加一个输入元素，以便用户可以键入他们的响应

示例html

<h2 id="message"></h2>
<input id="input" />
<button id="submit">Submit</button>

提交

然后使用JavaScript，您可以通过更改message元素的innerHTML来显示消息。然后，当用户单击submit按钮时，使用输入值收集他们的答案

---

注意：此方法是异步的，因此您必须使用addEventListener来捕获点击，而不是prompt，prompt会暂停任何JavaScript的执行，直到用户退出提示。

您有任何补充HTML吗？使用HTML创建输入，为输入提供一个Id，并使用Javascript将其作为目标以获取值。您可能需要在js中创建事件侦听器，该侦听器也会侦听输入上的更改。如果希望html输入的行为类似于提示，则需要创建一个

prompt（）

（本质上）接受用户输入的提示（查看如何创建模式）。只需将

console.log（）

语句更改为

.innerHTML

，即可在页面上显示输出响应，但如果要在DOM中捕获用户输入，则可能需要使用

（或

+JavaScript）。将提示更改为innerHTML是什么意思

innerHTML

用于显示输出，而不是读取输入。您是否询问如何使用

字段读取输入？