Javascript代码文档.write

Javascript code document.write

本文关键字：write 文档 代码 Javascript      更新时间：2023-09-26

我有点麻烦，唯一写文本的行是document.write（"房间是"+墙+"平方英尺"+BR）；在我将门窗输入提示后，没有其他显示，是我做错了什么吗？

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
var BR = "<br />";
var galPaint = 100;
var galNeeded; 
var length;
var width;
length = prompt("enter legnth of room  in inches");
width = prompt("enter width of room in inches");
var perimeter = (Number(length)+Number(width))*2;
var walls = (perimeter*96)/Math.pow(12,2);
document.write("The room is"+ walls +"square feet"+ BR);
var doors;
var windows; 
doors = prompt("Enter Number of doors");
windows = prompt("enter number of windows");
var sqfWindow = (Number(doors)*14);
var sqftDoor = (Number(windows)*20);
var totalSqft = (walls-(sqftWindow + sqftDoor));
galNeeded = (totalSqft/galpaint);
document.write("You need" + galNeeded + "gallons of paint" + BR);
</script>
</body>
</html>

开始吧，https://jsfiddle.net/4omvboz8/1/

您的代码中有一些拼写错误：），修复了这些错误并清理了变量，等等。添加了一个div元素并写入其中，而不是document.write.

<!DOCTYPE html>
<html>
<body>
  <div id="textArea"></div>
</body>
<script type="text/javascript">
var galPaint = 100, galNeeded, length, width, 
perimeter, walls, doors, windows, sqfWindow, 
sqftDoor, totalSqft, 
textarea = document.getElementById("textArea");
length = prompt("enter legnth of room  in inches");
width = prompt("enter width of room in inches");
perimeter = (Number(length)+Number(width))*2;
walls = (perimeter*96)/Math.pow(12,2);
textarea.innerHTML += "The room is "+ walls +" square feet <br />";
doors = prompt("Enter Number of doors");
windows = prompt("Enter number of windows");
sqftDoor = (Number(doors)*14);
sqftWindow = (Number(windows)*20);
totalSqft = (walls-(sqftWindow + sqftDoor));
galNeeded = (totalSqft/galPaint);
textarea.innerHTML += "You need " + galNeeded + " gallons of paint <br />"; 
</script>
</html>
相关文章：