Question

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

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

我的问题是有没有办法同时添加一个等于计数器中的数字的刻度线（Ascii＃10004）。我确信这是一个简单的解决方案，但我从来没有真正使用过Javascript，这似乎是最简单的语言。我感谢任何给予的帮助

Answer 1

您可以使用HTML十进制：☑

只需替换代码：

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

使用以下代码：

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

或者您可以使用：

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

结果如下：

✔5

此处 5 是您的计数。

Answer 2

是的，你可以。你甚至不需要循环来连接滴答。

see jsfiddle demo

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 ✔✔✔✔✔✔

Answer 3

是的，您可以使用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>

Answer 4

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

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';
}

在这种情况下，计数变得不必要了，除非你需要其他的东西。

Answer 5

这样做：

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;
}

Answer 6

我要用数组去做。这样做的好处是，您可以将刻度线存储为数组中的元素，并可以在以后操作它们，例如将选定的刻度线更改为十字形或具有删除刻度线的按钮。类似的东西：

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

如何在Javascript中基于计数器添加刻度线

6 个答案: