暇な時間に15分でローカル環境でオセロ作った話

ぺんぎん@自作PC
2024年4月9日 16:06
学校生活終わってからが暇だったのでHTMLでオセロを作った。
ネットもなかったので完全ローカルで作った。
①オセロボードと石

オセロの石とボードは画像で作った。
黒石
白石()
枠
この３つの画像をどこのご家庭にもあるGIMPで作成。
②コーディング

クリックしたら色が変わるようにするべきなので
onClickをつけてinnerHTMLで変えようとしたらすべて変わってしまった。
なのでゴリ押しですべてに違うIDをつけた。
そしてJSでもゴリ押して162個の関数を書いた。
<div id="stone11" class="r1"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone11()"></div>
<div id="stone12" class="r1"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone12()"></div>
<div id="stone13" class="r1"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone13()"></div>
<div id="stone14" class="r1"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone14()"></div>
<div id="stone15" class="r1"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone15()"></div>
<div id="stone16" class="r1"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone16()"></div>
<div id="stone17" class="r1"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone17()"></div>
<div id="stone18" class=""><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone18()"></div>

<div id="stone21" class="r2"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone21()"></div>
<div id="stone22" class="r2"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone22()"></div>
<div id="stone23" class="r2"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone23()"></div>
<div id="stone24" class="r2"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone24()"></div>
<div id="stone25" class="r2"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone25()"></div>
<div id="stone26" class="r2"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone26()"></div>
<div id="stone27" class="r2"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone27()"></div>
<div id="stone28" class=""><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone28()"></div>

<div id="stone31" class="r3"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone31()"></div>
<div id="stone32" class="r3"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone32()"></div>
<div id="stone33" class="r3"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone33()"></div>
<div id="stone34" class="r3"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone34()"></div>
<div id="stone35" class="r3"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone35()"></div>
<div id="stone36" class="r3"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone36()"></div>
<div id="stone37" class="r3"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone37()"></div>
<div id="stone38" class=""><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone38()"></div>

<div id="stone41" class="r4"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone41()"></div>
<div id="stone42" class="r4"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone42()"></div>
<div id="stone43" class="r4"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone43()"></div>
<div id="stone44" class="r4"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone44()"></div>
<div id="stone45" class="r4"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone45()"></div>
<div id="stone46" class="r4"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone46()"></div>
<div id="stone47" class="r4"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone47()"></div>
<div id="stone48" class=""><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone48()"></div>

<div id="stone51" class="r5"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone51()"></div>
<div id="stone52" class="r5"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone52()"></div>
<div id="stone53" class="r5"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone53()"></div>
<div id="stone54" class="r5"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone54()"></div>
<div id="stone55" class="r5"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone55()"></div>
<div id="stone56" class="r5"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone56()"></div>
<div id="stone57" class="r5"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone57()"></div>
<div id="stone58" class=""><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone58()"></div>

<div id="stone61" class="r6"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone61()"></div>
<div id="stone62" class="r6"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone62()"></div>
<div id="stone63" class="r6"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone63()"></div>
<div id="stone64" class="r6"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone64()"></div>
<div id="stone65" class="r6"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone65()"></div>
<div id="stone66" class="r6"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone66()"></div>
<div id="stone67" class="r6"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone67()"></div>
<div id="stone68" class=""><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone68()"></div>

<div id="stone71" class="r7"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone71()"></div>
<div id="stone72" class="r7"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone72()"></div>
<div id="stone73" class="r7"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone73()"></div>
<div id="stone74" class="r7"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone74()"></div>
<div id="stone75" class="r7"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone75()"></div>
<div id="stone76" class="r7"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone76()"></div>
<div id="stone77" class="r7"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone77()"></div>
<div id="stone78" class=""><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone78()"></div>

<div id="stone81" class="r8"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone81()"></div>
<div id="stone82" class="r8"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone82()"></div>
<div id="stone83" class="r8"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone83()"></div>
<div id="stone84" class="r8"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone84()"></div>
<div id="stone85" class="r8"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone85()"></div>
<div id="stone86" class="r8"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone86()"></div>
<div id="stone87" class="r8"><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone87()"></div>
<div id="stone88" class=""><img src="file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/shape.png" onclick="setStone88()"></div>
<br>
<div id="miss"><input type="button" onclick="window.location.reload" value="remove miss"/><div id="misPanel"></div></div>
<style>
    body{background-color: gray;}
    img{margin: 0;}
    .r1,.r2,.r3,.r4,.r5,.r6,.r7,.r8{float: left;}
</style>
<script>
    function setStone11(){stone11.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone112()'>";}
function setStone12(){stone12.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone122()'>";}
function setStone13(){stone13.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone132()'>";}
function setStone14(){stone14.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone142()'>";}
function setStone15(){stone15.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone152()'>";}
function setStone16(){stone16.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone162()'>";}
function setStone17(){stone17.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone172()'>";}
function setStone18(){stone18.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone182()'>";}

 function setStone21(){stone21.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone212()'>";}
function setStone22(){stone22.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone222()'>";}
function setStone23(){stone23.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone232()'>";}
function setStone24(){stone24.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone242()'>";}
function setStone25(){stone25.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone252()'>";}
function setStone26(){stone26.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone262()'>";}
function setStone27(){stone27.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone272()'>";}
function setStone28(){stone28.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone282()'>";}

 function setStone31(){stone31.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone312()'>";}
function setStone32(){stone32.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone322()'>";}
function setStone33(){stone33.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone332()'>";}
function setStone34(){stone34.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone342()'>";}
function setStone35(){stone35.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone352()'>";}
function setStone36(){stone36.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone362()'>";}
function setStone37(){stone37.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone372()'>";}
function setStone38(){stone38.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone382()'>";}

 function setStone41(){stone41.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone412()'>";}
function setStone42(){stone42.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone422()'>";}
function setStone43(){stone43.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone432()'>";}
function setStone44(){stone44.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone442()'>";}
function setStone45(){stone45.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone452()'>";}
function setStone46(){stone46.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone462()'>";}
function setStone47(){stone47.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone472()'>";}
function setStone48(){stone48.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone482()'>";}

 function setStone51(){stone51.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone512()'>";}
function setStone52(){stone52.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone522()'>";}
function setStone53(){stone53.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone532()'>";}
function setStone54(){stone54.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone542()'>";}
function setStone55(){stone55.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone552()'>";}
function setStone56(){stone56.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone562()'>";}
function setStone57(){stone57.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone572()'>";}
function setStone58(){stone58.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone582()'>";}

 function setStone61(){stone61.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone612()'>";}
function setStone62(){stone62.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone622()'>";}
function setStone63(){stone63.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone632()'>";}
function setStone64(){stone64.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone642()'>";}
function setStone65(){stone65.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone652()'>";}
function setStone66(){stone66.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone662()'>";}
function setStone67(){stone67.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone672()'>";}
function setStone68(){stone68.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone682()'>";}

 function setStone71(){stone71.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone712()'>";}
function setStone72(){stone72.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone722()'>";}
function setStone73(){stone73.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone732()'>";}
function setStone74(){stone74.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone742()'>";}
function setStone75(){stone75.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone752()'>";}
function setStone76(){stone76.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone762()'>";}
function setStone77(){stone77.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone772()'>";}
function setStone78(){stone78.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone782()'>";}

 function setStone81(){stone81.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone812()'>";}
function setStone82(){stone82.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone822()'>";}
function setStone83(){stone83.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone832()'>";}
function setStone84(){stone84.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone842()'>";}
function setStone85(){stone85.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone852()'>";}
function setStone86(){stone86.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone862()'>";}
function setStone87(){stone87.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone872()'>";}
function setStone88(){stone88.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/black.png' onclick='setStone882()'>";}


function setStone112(){stone11.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone11()'>";}
function setStone122(){stone12.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone12()'>";}
function setStone132(){stone13.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone13()'>";}
function setStone142(){stone14.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone14()'>";}
function setStone152(){stone15.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone15()'>";}
function setStone162(){stone16.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone16()'>";}
function setStone172(){stone17.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone17()'>";}
function setStone182(){stone18.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone18()'>";}

 function setStone212(){stone21.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone21()'>";}
function setStone222(){stone22.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone22()'>";}
function setStone232(){stone23.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone23()'>";}
function setStone242(){stone24.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone24()'>";}
function setStone252(){stone25.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone25()'>";}
function setStone262(){stone26.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone26()'>";}
function setStone272(){stone27.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone27()'>";}
function setStone282(){stone28.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone28()'>";}

 function setStone312(){stone31.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone31()'>";}
function setStone322(){stone32.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone32()'>";}
function setStone332(){stone33.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone33()'>";}
function setStone342(){stone34.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone34()'>";}
function setStone352(){stone35.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone35()'>";}
function setStone362(){stone36.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone36()'>";}
function setStone372(){stone37.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone37()'>";}
function setStone382(){stone38.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone38()'>";}

 function setStone412(){stone41.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone41()'>";}
function setStone422(){stone42.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone42()'>";}
function setStone432(){stone43.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone43()'>";}
function setStone442(){stone44.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone44()'>";}
function setStone452(){stone45.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone45()'>";}
function setStone462(){stone46.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone46()'>";}
function setStone472(){stone47.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone47()'>";}
function setStone482(){stone48.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone48()'>";}

 function setStone512(){stone51.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone51()'>";}
function setStone522(){stone52.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone52()'>";}
function setStone532(){stone53.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone53()'>";}
function setStone542(){stone54.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone54()'>";}
function setStone552(){stone55.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone55()'>";}
function setStone562(){stone56.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone56()'>";}
function setStone572(){stone57.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone57()'>";}
function setStone582(){stone58.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone58()'>";}

 function setStone612(){stone61.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone61()'>";}
function setStone622(){stone62.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone62()'>";}
function setStone632(){stone63.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone63()'>";}
function setStone642(){stone64.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone64()'>";}
function setStone652(){stone65.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone65()'>";}
function setStone662(){stone66.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone66()'>";}
function setStone672(){stone67.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone67()'>";}
function setStone682(){stone68.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone68()'>";}

 function setStone712(){stone71.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone71()'>";}
function setStone722(){stone72.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone72()'>";}
function setStone732(){stone73.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone73()'>";}
function setStone742(){stone74.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone74()'>";}
function setStone752(){stone75.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone75()'>";}
function setStone762(){stone76.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone76()'>";}
function setStone772(){stone77.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone77()'>";}
function setStone782(){stone78.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone78()'>";}

 function setStone812(){stone81.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone81()'>";}
function setStone822(){stone82.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone82()'>";}
function setStone832(){stone83.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone83()'>";}
function setStone842(){stone84.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone84()'>";}
function setStone852(){stone85.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone85()'>";}
function setStone862(){stone86.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone86()'>";}
function setStone872(){stone87.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone87()'>";}
function setStone882(){stone88.innerHTML = "<img src='file:///C:/Users/xxxxx/OneDrive/%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97/zisakuHtml/%E3%82%AA%E3%82%BB%E3%83%AD/white.png' onclick='setStone88()'";}
</script>
③感想

すげえ暇だったのでクオリティ度外視で遊べればいいやって感じで作った。
関数に引数を渡すなどしてもう少し関数の量を減らせばよかったかなと思っているがこれはこれで改善しやすくて（？）いいのではないだろうか。
もし置きミスしたらF12を押してうまくいじってください。
なんのライブラリも使っていないので完全ローカル環境でオセロをしたいよって人はぜひ活用してみてください。
この記事が気に入ったらサポートをしてみませんか？