1
私はページ上にボタンのリフレッシュを追加して、チックタックトーゲームをリセットします。 回転の代わりに回転を開始し、すぐに停止します。
私が得る限り、refresh1.classList.add（ "fa-spin"）;クラスに要素を追加した後、ページがリロードされます。 ページ全体へのリンクはこちら
https://codepen.io/Y-Taras/pen/rrkKWz
この質問に関係したコードの抽象的である：開始後fa-spinが停止し、ページがリロードされます
var reset = document.getElementsByClassName('hard-reset')[0];
reset.addEventListener('click', resetAll);
...
function hideFooter() {
for (i = 0; i < tableElem.length; i++) {
tableElem[i].innerHTML = "";
tableElem[i].className = "";
}
footer.className = "hide";
}
function resetAll() {
board = ['e', 'e', 'e', 'e', 'e', 'e', 'e', 'e', 'e'];
hideFooter();
var refresh1 = document.getElementById("refresh");
refresh1.classList.add("fa-spin");}
HTML部分：フォームでのボタンの
<button class="hard-reset">
<i id="refresh" class="fa fa-refresh fa-2x"></i>
</button>
あなたの質問は何ですか？再ロードが開始されると、スピンナーが回転を開始し、再ロードが完了した後で回転を停止します（ページコンテキストがリロードによりリセットされるため）。これは、ここで期待される動作です。 – jannis
私はここで不十分な質問があると思います：それはなぜ再読み込みですか？ （私はコードペン無限ループ検出かもしれないと思うが、私は特定の点を見つけていないので、私はまだ分かっていない） – ippi
または、おそらくフォームが提出している？ - ええ、フォームが問題です。 – ippi