Javascript 点击计数并提交到文本区域

标签 javascript click counter

我对编码相当陌生,正在尝试学习制作 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/

相关文章:

jquery - iframe 上的点击事件?

css - 如何使整个 DIV 可点击

用于计数器的 Python 元组

python - 创建具有特殊设置功能的自定义 Counter 对象

Python 将 Counter 附加到 Counter,就像 Python 字典更新一样

javascript - React Native 中的热重载和实时重载有什么区别?

javascript - 使用 jscodeshift 添加表达式时,错误 {...} 与类型字符串不匹配

javascript - sencha 在按钮选项卡上显示不同的 View

javascript - 如何找出是什么阻碍了网页渲染?

c++ - 如何在不注入(inject)任何 DLL 的情况下单击窗口时返回窗口句柄?