【发布时间】：2013-08-29 10:59:18
【问题描述】：
我有一些 javascript 将文本字段的字数返回到“字数”变量中。
我希望在整个 HTML 中显示“wordcount”变量（以及基于它的其他变量）。但在某种程度上，它们可以随着字数的变化而不断更新。
例如您当前的字数是 10。您还有 5 个字。目前的成本是 10 英镑（1 英镑/字）。
我对 JavaScript 的奇迹还比较陌生，但我从网上阅读的内容中总结了以下内容...
-
document.write不受欢迎。 -
getElementById只允许我显示每个变量一次。 - jQuery 有一个
.data存储（和更新？）数据的功能 本地？
谁能指点我正确的方向？
谢谢， 安迪。
按要求编码...
<!DOCTYPE html>
<html>
<head>
<title>Word Count Test</title>
</head>
<body onload="countnow()">
<form method="POST" name="counter">
<script language="JavaScript">
var freebie_words = 15
var base_price = 10.00
var word_price = 0.50
var wordcount = 0
var additional_words = 0
function countnow(){
var formcontent=document.counter.userscript.value
var formcontent=formcontent.split(" ")
var wordcount=formcontent.length
var freebie_remaining=freebie_words-wordcount
if (wordcount>freebie_words)
{
additional_words=wordcount-freebie_words
} else {
additional_words=0;
}
if (wordcount<freebie_words)
{
cost=base_price.toFixed(2);
} else {
cost=(base_price+(additional_words*word_price)).toFixed(2);
}
document.getElementById("freebie_words").innerHTML = freebie_words;
document.getElementById("base_price") = base_price;
document.getElementById("word_price") = word_price;
document.getElementById("wordcount") = wordcount;
document.getElementById("freebie_remaining") = freebie_remaining;
document.getElementById("cost") = cost;
}
</script>
<table>
<tr>
<td width="100%">
<textarea rows="10" name="userscript" cols="60" onkeyup="countit()"></textarea>
</td>
</tr>
</table>
The base price is set to £<span id='base_price'></span> for <span id='freebie_words'></span>.<br>
The base price limit is set to <span id='freebie_words'></span>.<br>
You have typed <span id='wordcount'></span> words.<br>
You have <span id='freebie_remaining'></span> free words left.<br>
That will be £<span id='cost'></span>.
</form>
</body>
</html>
【问题讨论】：
标签： javascript jquery html variables dynamic