alert('I hope you have fun with this game. Please don\'t forget to like it! 👍'); var h = { gets: function(obj,a){ return obj.getAttribute(a); }, sets: function(obj,a,v){ obj.setAttribute(a,v); } } var row_set; var figures; var move_from = null; var rem_event; var p1_count = 0; var p2_count = 0; var eventMode = 'set'; var coinstatus = 8; var coinBank; var player = 'x'; window.addEventListener('load', init); function init(){ coinBank = document.getElementById('coinbank').getElementsByTagName('circle'); figures = game.getElementsByTagName('circle'); game.addEventListener('touchstart', detectEvent); } function detectEvent(e){ if (e.target.nodeName != 'circle'){ return; } p1_count = 0; p2_count = 0; for (var i = 0; i < figures.length; i++){ if (h.gets(figures[i],'class') == 'x'){ p1_count++; }else if (h.gets(figures[i],'class') == 'o'){ p2_count++; } } if (p1_count == 3 && player == 'x' && eventMode != 'delete' && eventMode != 'set'){ flyCircle(e); return; }else if (p2_count == 3 && player == 'o' && eventMode != 'delete' && eventMode != 'set'){ flyCircle(e); return; } var transfer = e; switch (eventMode){ case 'set': setCircle(transfer); break; case 'move': moveCircle(transfer); break; case 'delete': deleteCircle(transfer); break; } } function deleteCircle(e){ if (e.target.style.fill == 'transparent'){ return; } for (var i = 0; i < row_set.length; i++){ row_set[i].style.stroke = 'transparent'; } h.sets(e.target, 'class', ''); e.target.style.fill = 'transparent'; eventMode = rem_event; rem_event = null; } function setCircle(e){ if (coinstatus == -1){ eventMode = 'move'; moveCircle(e); return; } if (h.gets(e.target,'class') == null || h.gets(e.target, 'class') == ''){ h.sets(e.target, 'class', player); e.target.style.fill = 'url(#Gfigure' + player + ')'; if (player == 'x'){ player = 'o'; h.sets(coinBank[0+coinstatus],'class', ''); }else{ h.sets(coinBank[9+coinstatus],'class', ''); player = 'x'; coinstatus--; } getRow(e); } } function moveCircle(e){ if (move_from == null){ if (h.gets(e.target,'class') == player){ move_from = [new Number(e.target.getAttribute('cx')), new Number(e.target.getAttribute('cy')), e.target]; e.target.style.fill = 'url(#Gfigure_ani_' + player + ')'; } }else if (e.target.getAttribute('class') == player){ move_from[2].style.fill = 'url(#Gfigure' + player + ')'; move_from = [new Number(e.target.getAttribute('cx')), new Number(e.target.getAttribute('cy')), e.target]; move_from[2].style.fill = 'url(#Gfigure_ani_' + player + ')'; }else{ if (e.target.getAttribute('class') != null && e.target.getAttribute('class') != '' && e.target.getAttribute('class') != player){ return; } if (h.gets(e.target,'id')[0] != h.gets(move_from[2],'id')[0] && h.gets(e.target,'id')[1] == h.gets(move_from[2],'id')[1]){ h.sets(move_from[2],'class',''); e.target.style.fill = 'url(#Gfigure' + player + ')'; move_from[2].style.fill = 'transparent'; h.sets(e.target,'class',player); move_from = null; }else if (h.gets(e.target,'id')[0] == h.gets(move_from[2],'id')[0] && Math.abs(new Number(h.gets(e.target,'id')[1]) -new Number(h.gets(move_from[2],'id')[1])) == 1){ h.sets(move_from[2],'class',''); e.target.style.fill = 'url(#Gfigure' + player + ')'; move_from[2].style.fill = 'transparent'; h.sets(e.target,'class',player); move_from = null; }else if (h.gets(e.target,'id')[0] == h.gets(move_from[2],'id')[0] && Math.abs(new Number(h.gets(e.target,'id')[1]) -new Number(h.gets(move_from[2],'id')[1])) == 7){ h.sets(move_from[2],'class',''); e.target.style.fill = 'url(#Gfigure' + player + ')'; move_from[2].style.fill = 'transparent'; h.sets(e.target,'class',player); move_from = null; }else{ return; } if (player == 'x'){ player = 'o'; }else{ player = 'x'; } getRow(e); } } function flyCircle(e){ if (move_from == null){ if (h.gets(e.target,'class') == player){ e.target.style.fill = 'url(#Gfigure_ani_' + player + ')'; e.target.innerHTML = ''; move_from = new Array(new Number(h.gets(e.target,'cx')), new Number(h.gets(e.target,'cy')), e.target); } return; }else{ if (h.gets(e.target,'class') == player){ move_from[2].style.fill = 'url(#Gfigure' + player + ')'; move_from[2].innerHTML = ''; e.target.style.fill = 'url(#Gfigure_ani_' + player + ')'; e.target.innerHTML = ''; move_from = new Array(new Number(h.gets(e.target,'cx')), new Number(h.gets(e.target,'cy')), e.target); }else if (h.gets(e.target,'class') != player && h.gets(e.target,'player') != null && h.gets(e.target,'class') != ''){ return; }else{ move_from[2].style.fill = 'transparent'; move_from[2].innerHTML = ''; h.sets(move_from[2],'class',''); e.target.style.fill = 'url(#Gfigure' + player + ')'; h.sets(e.target,'class',player); move_from = null; if (player == 'x'){ player = 'o'; }else{ player = 'x'; } var game_over = getRow(e); if (game_over == true){ if (player == 'x'){ alert("And the winner is the second player!"); }else{ alert("And the winner is the first player!"); } } } } } function getRow(e){ row_set = []; const letters = ['a', 'b', 'c']; const combis = [[1,2,3],[3,4,5],[5,6,7],[7,8,1]]; var num = new Number(e.target.id[1]); var ring = e.target.id[0]; var count = 0; for (var i = 0; i < letters.length; i++){ if (ring != letters[i] && h.gets(figures[8 * i + num - 1],'class') != player && h.gets(figures[8 * i + num - 1],'class') != null && h.gets(figures[8 * i + num - 1],'class') != '' && num % 2 == 0){ row_set.push(figures[8 * i + num - 1]); count++; } } row_set.push(e.target); if (count == 2){ for (var r = 0; r < row_set.length; r++){ row_set[r].style.stroke = 'red'; } rem_event = eventMode; eventMode = 'delete'; return true; } row_set = []; count = 0; var multiplicator = 0; for (var c = 0; c < letters.length; c++){ if (ring == letters[c]){ multiplicator = c; } } var indicator = []; for (var i = 0; i < combis.length; i++){ for (var o = 0; o < combis[i].length; o++){ if (combis[i][o] == num){ indicator = combis[i]; } } if (indicator.length != 0){ for (var o = 0; o < indicator.length; o++){ if (indicator[o] != num && h.gets(figures[8 * multiplicator + indicator[o] - 1] ,'class') != player && h.gets(figures[8 * multiplicator + indicator[o] - 1],'class') != '' && h.gets(figures[8 * multiplicator + indicator[o] - 1],'class') != null){ count++; row_set.push(figures[8 * multiplicator + indicator[o] - 1]); } } row_set.push(e.target); if (count == 2){ for (var r = 0; r < row_set.length; r++){ row_set[r].style.stroke = 'red'; } rem_event = eventMode; eventMode = 'delete'; return true; } row_set = []; count = 0; indicator = []; } } return false; }

Mine men's morris [Mühle]