如何在Javascript中添加基于计数器的勾号

How to add a tick mark based on a counter in Javascript

本文关键字：计数器 添加 Javascript      更新时间：2023-09-26

我正在用HTML/Javascript制作一个简单的游戏，每次按下按钮或超链接，它都会在计数器中添加1

<script type="text/javascript">
var count = 0;
function countClicks() {
 count = count + 1;
    document.getElementById("p2").innerHTML = count;
}
</script>

我的问题是，是否有一种方法也可以添加一个等于计数器中数字的勾号（Ascii#10004）。我确信这是一个简单的解决方案，但我从来没有真正使用过Javascript，这似乎是最容易做到这一切的语言。我感谢

提供的任何帮助

您可以使用HTML小数：&#9745;

只需替换代码：

document.getElementById("p2").innerHTML = count;

带有以下代码：

document.getElementById("p2").innerHTML = "&#9745 "+count;

或者你可以使用：

document.getElementById("p2").innerHTML = "&#10004 "+count;

结果如下：

✔；5

此处5是您的计数

可以。您甚至不需要循环来连接记号。

参见jsfiddle演示

var count = 5; // count is already 5 for demo purpose
function countClicks() {
    count = count + 1;
    var ticks = Array(count+1).join("&#10004;");
    document.getElementById("p2").innerHTML = count+' '+ticks;
}
countClicks(); # 6 ✔✔✔✔✔✔

是的，您可以使用String.fromCharCode将ascii代码转换为字符。显示等于计数的连续刻度的示例：

<script type="text/javascript">
var count = 0;
function countClicks() {
    count = count + 1;
    var res = String.fromCharCode(10004);
    var output = "";
    for (var i = 0; i < count; i++) {
       output += res+" ";
    }
    document.getElementById("p2").innerHTML = output;
}
</script>

这样做：

http://jsfiddle.net/oL83m567/1/

var count = 0;
function countClicks() {
  count = count + 1;
  var tick='';
  for(var i=0;i<count;i++)
    tick+= '&#x2714';
  document.getElementById("p2").innerHTML = count + tick;
}

听起来你想在每次按下按钮时添加另一个勾号？我会这样做：

var count = 0;
function countClicks() {
 count = count + 1;
 document.getElementById("p2").innerHTML = document.getElementById("p2").innerHTML + '&#10004';
}

或者，效率稍高：

var p2, count = 0;
function countClicks() {
 count = count + 1;
 p2 = document.getElementById("p2");
 p2.innerHTML = p2.innerHTML + '&#10004';
}

在这种情况下，计数就变得不必要了，除非你需要它来做其他事情。

我会用数组来实现。这样做的好处是，您可以将记号存储为数组中的元素，并可以稍后对其进行操作，例如将选定的记号更改为十字记号，或者有一个删除记号的按钮。类似于：

<script type="text/javascript">
var ticks=new Array();
function countClicks() {
     ticks[ticks.length]="&#10004;";
     document.getElementById("p2").innerHTML = ticks.join("");
}
</script>
相关文章：