JS得到一个动态网格按钮的价值

Question

• 正方形=其中x =按钮点击时，X =值

如何创建一个包含未选中的任何每个广场和空值的值按钮，即一个文本值的onClick

<textarea>x,&bnsp;,&bnsp; ,&bnsp;\n,&bnsp;x,&bnsp; ,&bnsp;\n etc.</textarea>

基本上文本输出需要体现在纯文本的平方值，这就是为什么我需要为空值，以创建“视觉”。每行中的行和正方形也受到加载页面时，基于默认或改变值被动态生成的。

谢谢！

Answer 1

它需要一点点的jQuery的，但这个你想要做什么。

var result = [];
var idnum;
for (var i = 1; i < 10; i++) {
  result.push($("#" + i).html() + ",");
}
$(".result").html(result);
$(".button").click(function() {
  idnum = $(this).attr("id");
  $(this).html("x");
  result[idnum - 1] = "x,";
  $(".result").html(result);
});

.button {
  width: 50px;
  height: 50px;
  vertical-align: top;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="button" id="1"> </button>
<button class="button" id="2"> </button>
<button class="button" id="3"> </button>
<br>
<button class="button" id="4"> </button>
<button class="button" id="5"> </button>
<button class="button" id="6"> </button>
<br>
<button class="button" id="7"> </button>
<button class="button" id="8"> </button>
<button class="button" id="9"> </button>
<br><br>
<textarea class="result">Result</textarea>