[英]JavaScript - Adding text box values an storing it in an array
我需要纠正一些代码。 这是JS:
var $ = function (id) {
return document.getElementById(id);
}
var myTransaction = new Array[];
function processInfo() {
var myItem = $('item').value;
var myAmount = parseFloat($('amount').value);
var myTotal = myItem + ":" + myAmount;
var myParagraph = $('message');
myParagraph.innerHTML = myTransaction;
for (var theTotal in myTransaction) {
myTransaction += addTogether[theTotal] + "<br>";
}
}
window.onload = function () {
$("addbutton").onclick = processInfo;
}
和HTML
<section>
<p>Item:
<input type="text" id="item" size="30">
<p>Amount:
<input type="text" id="amount" size="30">
<p><span id="message">*</span>
<p>
<input type="button" id="addbutton" value="Add Item" onClick="processInfo();">
</section>
我需要做的是获取文本框的值,并将它们添加到一个变量中,然后将其存储到数组中。 然后使用for-in循环将Array中的每个元素连接为一个String变量。 但是,还必须坚持一个
标签在String的每个值的末尾,最后是将String放置在页面末尾的段落中。
如果我理解您的话,请查看我的代码版本:如果您对代码不了解,请询问我。
起初你忘记和;
函数$
。 然后您使用错误的语法创建数组。 第三,您调用不存在的addTogether数组。 这是固定的代码,我相信您会按要求工作。
var $ = function(id) {
return document.getElementById(id);
};
var myTransaction = [];
function processInfo ()
{
var myItem = $('item').value;
var myAmount = parseFloat($('amount').value);
var myTotal = myItem + ":" + myAmount;
var myParagraph = $('message');
myParagraph.innerHTML = "";
myTransaction.push(myTotal);
for (var theTotal in myTransaction)
{
myParagraph.innerHTML += myTransaction[theTotal] + "<br>";
}
};
(function () {
$("addbutton").onclick = processInfo;
})();
编辑
Mohamed-Ted建议:而不是:
for (var theTotal in myTransaction)
{
myParagraph.innerHTML += myTransaction[theTotal] + "<br>";
}
你可以这样做:
myParagraph.innerHTML += myTransaction.join("<br>");
请参阅以下示例:
jsFiddle
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.