javascript - 代码不会运行，因为我不能在 document.write 中输出多个变量

Question

当我尝试在代码部分显示多个变量时，我的代码将无法运行document.write。我很确定我做的一切都是正确的。

---

<script type="text/javascript">
var name = prompt("Welcome to the Fruity Store. What is your name?","");
var product = prompt("What is the name of the product you would like?","");
var price = 1*prompt("How much does it cost?","");
var quantity = 1*prompt("How many of the fruit would you like?","");
var discount = 1*prompt("What was the discount of the product in decimal form?","");
var costoforder = (price*quantity);
var discounted = (price*quantity*discount);
var totalorder = (costoforder - discounted);

document.write("Thank you for placing an order with us " +name ) 
document.write("<p>The cost of buying " +quantity "of " +product "is " +costoforder    </p>)
document.write("<p>The discount for this purchase is " +discounted </p>)
document.write("<p>With discount, your total order cost is " +totalorder</p>)

</script>

Answer 1

您在字符串连接中缺少一些加号。

"<p>The cost of buying " + quantity + " of " + product + " is " + etc.

Answer 2

您的变量后缺少“+”号。

你把

"String" + variable "string"

代替

"string" + variable + "string"

在您的 document.write 语句中多次

Answer 3

您需要使用加号+, 进行字符串连接。你也错过了 ; 在声明之后。

<script type="text/javascript">
var name = prompt("Welcome to the Fruity Store. What is your name?","");
var product = prompt("What is the name of the product you would like?","");
var price = 1*prompt("How much does it cost?","");
var quantity = 1*prompt("How many of the fruit would you like?","");
var discount = 1*prompt("What was the discount of the product in decimal form?","");
var costoforder = (price*quantity);
var discounted = (price*quantity*discount);
var totalorder = (costoforder - discounted);

document.write("Thank you for placing an order with us " + name ); 
document.write("<p>The cost of buying " + quantity + "of " + product + "is " + costoforder   + "</p>");
document.write("<p>The discount for this purchase is " + discounted + "</p>");
document.write("<p>With discount, your total order cost is " +totalorder + "</p>");

</script>