需要弄清楚如何输出方程式
Need to figure out how to output a equation
所以我有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("output")之后。innerHTML+=
您需要一个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";
}
}
相关文章:
- 在JavaScript中输出转义字符
- 如何在jQuery中将函数的输出分配给变量
- Javascript,输出结果后页面不断刷新
- Datetime格式为Friendly Time.Moment JS输出错误
- 如何将angularjs中的javascript字符串输出为循环数组
- HTML5FileReader输出到D3.js图表
- console.log以外的Javascript输出函数
- Eloquent JavaScript递归示例如何终止为返回1,但仍然输出指数值
- PHP中的数组输出
- 以不同的顺序输出数据
- 使用Rivets.js输出类
- 在Chrome扩展内部输出Google API调用
- 如何为d3.js图表输出组织/嵌套数据
- 将IndexedDB中的数据拉入数组,并通过ReactJS输出
- 一个ajax循环有两个输出错误innerHTML
- 快速排序程序未正确输出
- JQuery Mobile Javascript复杂方程式
- 函数将输出nan而不是数字,为什么
- 在量角器中创建一个.txt错误输出文件是手动的,而不是控制台错误
- 需要弄清楚如何输出方程式