所以我有3个插槽来输入信息,需要帮助输出方程式。
使用起始大小:4,步骤:1和限制:9输出看起来像:
4英寸方形披萨有16平方英寸的披萨
5平方米的比萨饼有25平方英寸的比萨饼
6英寸方形披萨有36平方英寸的披萨
7英寸方形披萨有49平方英寸的披萨
8英寸方形披萨有64平方英寸的披萨
另一个例子 - 使用起始大小:4,步骤3和限制:15输出看起来像:
4英寸方形披萨有16平方英寸的披萨
7英寸方形披萨有49平方英寸的披萨
10平方英寸的比萨饼有100平方英寸的比萨饼
13平方英寸的比萨饼有169平方英寸的比萨饼
当我点击计算现在没有写入任何内容时,说英寸方形比萨饼有几平方英寸的披萨。
只需要用等式
来写什么就可以了所以你需要输入起始大小 - ______
步骤_______
并限制__________
为JavaScript实现这个是什么样的公式?
我的代码 -
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="DreStone.css">
<title>Pizza A23</title>
<!-- JAVASCRIPT -->
<script src="util.js"></script>
<script>
var z={};
/**********************
EVENT HANDLERS
***********************/
z.calculate = function()
{ pizza = parseInt(u.eid("ssize").value);
limit = parseInt(u.eid("slimit").value);
step = parseInt(u.eid("steps").value);
u.eid("output").innerHTML = "";
{
u.eid("output").innerHTML += "A " + " inch square pizza has" + " square inches of pizza";
}
}
/**********************
WINDOW.ONLOAD
***********************/
window.onload = function()
{
//--- ADDING EVENT LISTENERS
u.eid("calc").addEventListener('click', z.calculate);
}
</script>
</head>
<body>
<h1> Pizza A23</h1>
Starting size: <input id="ssize" type="text">
Step Size: <input id="steps" type="text">
Size Limit: <input id="slimit" type="text">
<br><br>
<button id="calc" type="button">Calculate</button>
<hr>
<div id="output">
</div>
</body>
</html>
到目前为止,关于代码的所有工作只需要知道如何在u.eid(&#34;输出&#34;)之后放置等式.innerHTML + =
答案 0 :(得分:0)
您需要一个for循环来列出每个披萨。 Javascript允许您使用+将变量和字符串连接在一起。所以你可以做"A " + i + " inch pizza"
之类的事情。把它放在一起你想要的东西是:
z.calculate = function() {
pizza = parseInt(u.eid("ssize").value);
limit = parseInt(u.eid("slimit").value);
step = parseInt(u.eid("steps").value);
u.eid("output").innerHTML = "";
for(var i=pizza; i < limit; i=i+step )
{
var size = i * i; // work out square size
u.eid("output").innerHTML += "A " + i + " inch square pizza has" + size + " square inches of pizza";
}
}