tmn/JS-Game
1
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge remote-tracking branch 'origin/master' into master

Browse Source 
# Conflicts:
#	style.css
This commit is contained in:
tmn 2020-11-02 10:15:19 +01:00
commit b9c458694f
3 changed files with 85 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
code.js
View File

@ -0,0 +1,3 @@
function selectField(field){
}

128
index.html
View File

@ -15,84 +15,84 @@
<table id="gameTable" class="game">
<tr id="row0" class="game rows">
<td id="field0" class="game fields"></td>
<td id="field1" class="game fields"></td>
<td id="field2" class="game fields"></td>
<td id="field3" class="game fields"></td>
<td id="field4" class="game fields"></td>
<td id="field5" class="game fields"></td>
<td id="field6" class="game fields"></td>
<td id="field7" class="game fields"></td>
<td id="field0" class="game fields" onclick="selectField(this)"></td>
<td id="field1" class="game fields" onclick="selectField(this)"></td>
<td id="field2" class="game fields" onclick="selectField(this)"></td>
<td id="field3" class="game fields" onclick="selectField(this)"></td>
<td id="field4" class="game fields" onclick="selectField(this)"></td>
<td id="field5" class="game fields" onclick="selectField(this)"></td>
<td id="field6" class="game fields" onclick="selectField(this)"></td>
<td id="field7" class="game fields" onclick="selectField(this)"></td>
</tr>
<tr id="row1" class="game rows">
<td id="field8" class="game fields"></td>
<td id="field9" class="game fields"></td>
<td id="field10" class="game fields"></td>
<td id="field11" class="game fields"></td>
<td id="field12" class="game fields"></td>
<td id="field13" class="game fields"></td>
<td id="field14" class="game fields"></td>
<td id="field15" class="game fields"></td>
<td id="field8" class="game fields" onclick="selectField(this)"></td>
<td id="field9" class="game fields" onclick="selectField(this)"></td>
<td id="field10" class="game fields" onclick="selectField(this)"></td>
<td id="field11" class="game fields" onclick="selectField(this)"></td>
<td id="field12" class="game fields" onclick="selectField(this)"></td>
<td id="field13" class="game fields" onclick="selectField(this)"></td>
<td id="field14" class="game fields" onclick="selectField(this)"></td>
<td id="field15" class="game fields" onclick="selectField(this)"></td>
</tr>
<tr id="row2" class="game rows">
<td id="field16" class="game fields"></td>
<td id="field17" class="game fields"></td>
<td id="field18" class="game fields"></td>
<td id="field19" class="game fields"></td>
<td id="field20" class="game fields"></td>
<td id="field21" class="game fields"></td>
<td id="field22" class="game fields"></td>
<td id="field23" class="game fields"></td>
<td id="field16" class="game fields" onclick="selectField(this)"></td>
<td id="field17" class="game fields" onclick="selectField(this)"></td>
<td id="field18" class="game fields" onclick="selectField(this)"></td>
<td id="field19" class="game fields" onclick="selectField(this)"></td>
<td id="field20" class="game fields" onclick="selectField(this)"></td>
<td id="field21" class="game fields" onclick="selectField(this)"></td>
<td id="field22" class="game fields" onclick="selectField(this)"></td>
<td id="field23" class="game fields" onclick="selectField(this)"></td>
</tr>
<tr id="row3" class="game rows">
<td id="field24" class="game fields"></td>
<td id="field25" class="game fields"></td>
<td id="field26" class="game fields"></td>
<td id="field27" class="game fields"></td>
<td id="field28" class="game fields"></td>
<td id="field29" class="game fields"></td>
<td id="field30" class="game fields"></td>
<td id="field31" class="game fields"></td>
<td id="field24" class="game fields" onclick="selectField(this)"></td>
<td id="field25" class="game fields" onclick="selectField(this)"></td>
<td id="field26" class="game fields" onclick="selectField(this)"></td>
<td id="field27" class="game fields" onclick="selectField(this)"></td>
<td id="field28" class="game fields" onclick="selectField(this)"></td>
<td id="field29" class="game fields" onclick="selectField(this)"></td>
<td id="field30" class="game fields" onclick="selectField(this)"></td>
<td id="field31" class="game fields" onclick="selectField(this)"></td>
</tr>
<tr id="row4" class="game rows">
<td id="field32" class="game fields"></td>
<td id="field33" class="game fields"></td>
<td id="field34" class="game fields"></td>
<td id="field35" class="game fields"></td>
<td id="field36" class="game fields"></td>
<td id="field37" class="game fields"></td>
<td id="field38" class="game fields"></td>
<td id="field39" class="game fields"></td>
<td id="field32" class="game fields" onclick="selectField(this)"></td>
<td id="field33" class="game fields" onclick="selectField(this)"></td>
<td id="field34" class="game fields" onclick="selectField(this)"></td>
<td id="field35" class="game fields" onclick="selectField(this)"></td>
<td id="field36" class="game fields" onclick="selectField(this)"></td>
<td id="field37" class="game fields" onclick="selectField(this)"></td>
<td id="field38" class="game fields" onclick="selectField(this)"></td>
<td id="field39" class="game fields" onclick="selectField(this)"></td>
</tr>
<tr id="row5" class="game rows">
<td id="field40" class="game fields"></td>
<td id="field41" class="game fields"></td>
<td id="field42" class="game fields"></td>
<td id="field43" class="game fields"></td>
<td id="field44" class="game fields"></td>
<td id="field45" class="game fields"></td>
<td id="field46" class="game fields"></td>
<td id="field47" class="game fields"></td>
<td id="field40" class="game fields" onclick="selectField(this)"></td>
<td id="field41" class="game fields" onclick="selectField(this)"></td>
<td id="field42" class="game fields" onclick="selectField(this)"></td>
<td id="field43" class="game fields" onclick="selectField(this)"></td>
<td id="field44" class="game fields" onclick="selectField(this)"></td>
<td id="field45" class="game fields" onclick="selectField(this)"></td>
<td id="field46" class="game fields" onclick="selectField(this)"></td>
<td id="field47" class="game fields" onclick="selectField(this)"></td>
</tr>
<tr id="row6" class="game rows">
<td id="field48" class="game fields"></td>
<td id="field49" class="game fields"></td>
<td id="field50" class="game fields"></td>
<td id="field51" class="game fields"></td>
<td id="field52" class="game fields"></td>
<td id="field53" class="game fields"></td>
<td id="field54" class="game fields"></td>
<td id="field55" class="game fields"></td>
<td id="field48" class="game fields" onclick="selectField(this)"></td>
<td id="field49" class="game fields" onclick="selectField(this)"></td>
<td id="field50" class="game fields" onclick="selectField(this)"></td>
<td id="field51" class="game fields" onclick="selectField(this)"></td>
<td id="field52" class="game fields" onclick="selectField(this)"></td>
<td id="field53" class="game fields" onclick="selectField(this)"></td>
<td id="field54" class="game fields" onclick="selectField(this)"></td>
<td id="field55" class="game fields" onclick="selectField(this)"></td>
</tr>
<tr id="row7" class="game rows">
<td id="field56" class="game fields"></td>
<td id="field57" class="game fields"></td>
<td id="field58" class="game fields"></td>
<td id="field59" class="game fields"></td>
<td id="field60" class="game fields"></td>
<td id="field61" class="game fields"></td>
<td id="field62" class="game fields"></td>
<td id="field63" class="game fields"></td>
<td id="field56" class="game fields" onclick="selectField(this)"></td>
<td id="field57" class="game fields" onclick="selectField(this)"></td>
<td id="field58" class="game fields" onclick="selectField(this)"></td>
<td id="field59" class="game fields" onclick="selectField(this)"></td>
<td id="field60" class="game fields" onclick="selectField(this)"></td>
<td id="field61" class="game fields" onclick="selectField(this)"></td>
<td id="field62" class="game fields" onclick="selectField(this)"></td>
<td id="field63" class="game fields" onclick="selectField(this)"></td>
</tr>
</table>
</body>

18
style.css
View File

@ -30,3 +30,21 @@ li a:hover:not(.active) {
.active {
background-color: #4CAF50;
}
#gameTable{
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.game{
border: solid black 0.1em;
border-collapse: collapse;
}
.fields{
width: 3em;
height: 3em;
}
body{
text-align: center;
justify-content: center;
}