我对编码相当陌生,正在尝试学习制作 Chrome 插件来向网站添加一些功能。我一直在努力寻找这个问题的答案,并搜索并提出了很多不同的选择,但我无法弄清楚如何创造我所追求的东西。
我正在寻找一个脚本,它允许我计算 5 个不同按钮的点击次数,然后通过“提交”按钮将它们发送到文本区域。
[A][B][C][D][E][发送]
因此,如果我单击按钮 A 两次、C 一次和 E 三次,然后单击“发送”,它会将其发送到我的文本区域,并且会显示“计数 A2 C1 E3”,并且会忽略任何未单击的内容。作为奖励,当文本发送到文本区域时是否有可能自动提交?
希望这是有道理的,并期待着我能得到的任何帮助。
问候, 帕津加
最佳答案
这个代码更好,你可以有任意多个按钮!
更新:修复键未排序的错误(例如:Counted E3 C1 A2)
<html>
<head>
<script>
var list = {};
function increaseCounter(variable) {
if(!list[variable])
list[variable]=1;
else
list[variable]++;
}
function send() {
var keys = [];
for(x in list)
keys.push([x,list[x]]);
keys.sort();
var s = "Counted", i;
for( i = 0; i < keys.length; i++)
s += " " + keys[i][0] + keys[i][1];
document.getElementById('textarea').value = s;
}
</script>
</head>
<body>
<textarea id="textarea"></textarea>
<button onclick="increaseCounter('A')">A</button>
<button onclick="increaseCounter('B')">B</button>
<button onclick="increaseCounter('C')">C</button>
<button onclick="increaseCounter('D')">D</button>
<button onclick="increaseCounter('E')">E</button>
<button onclick="send()">Send</button>
</body>
</html>
关于Javascript 点击计数并提交到文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16119931/