Bataille Navale<\/title>\n<\/head>\n<body> \n <center>\n <span style=\"font-size:20px;\">Viser les coordonnées :<\/span> <input type=\"text\" id=\"jeu\" autocomplete=\"off\" autofocus style=\"font-size:30px;width:100px;\" \/>\n <input type=\"button\" name=\"submit\" value=\"FEU !\" style=\"font-size:30px;\" onclick=\"tir();\" \/>\n <p><span style=\"font-size:20px;\">Nombre de tirs : <span id=\"nbtirs\" style=\"font-weight:bold;\"><\/span> | <span id=\"message\" style=\"font-weight:bold;\"><\/span><\/span><\/p><\/center>\n<br \/>\n<center><canvas id=\"canvas\" width=\"550\" height=\"550\"><\/canvas>\n\n<p><input type=\"button\" id=\"btnreinitialiser\" value=\"R\u00e9initialiser le jeu\" onclick=\"reinitialisation();\" \/> <input type=\"button\" id=\"btnindices\" value=\"Afficher les indices\" onclick=\"toggleIndices();\" \/> <\/p><\/center>\n<script>\nvar tbateau = [];\nvar indices = [];\nvar tirs = [];\nvar coeff = 1;\nvar size = 550;\nvar affindices = false;\nvar affsolution = false;\nfunction coord2arr(xy){\n\tvar res = xy.substr(1,xy.length-2);\n\tvar arr = res.split(\";\");\n\treturn arr;\n}\nfunction coordy(i){\n\treturn -i*coeff+5.5*coeff;\n}\nfunction coordx(i){\n\treturn i*coeff+5.5*coeff;\n}\nfunction randomint(min, max) {\n\treturn Math.floor(Math.random() * (max - min + 1)) + min;\n}\nwindow.onload = resize;\nwindow.onresize = resize;\ndocument.getElementById(\"jeu\").addEventListener(\"keyup\", function(event) {\n\tif (event.keyCode === 13) {\n\t\ttir();\n\t}\n});\nfunction resize(){\n\tvar maxwidth = Math.floor(window.innerWidth*0.90);\n\tvar maxheight = Math.floor(window.innerHeight*0.75);\n\tvar maxsize = Math.min(maxwidth, maxheight);\n\tconsole.log(maxsize);\n\tdocument.getElementById(\"canvas\").width = maxsize;\n\tdocument.getElementById(\"canvas\").height = maxsize;\n\tdrawGrid();\n}\nfunction tir(){\n\tvar jeu = document.getElementById(\"jeu\").value;\n\tdocument.getElementById(\"jeu\").value = \"\";\n\tverifjeu = coord2arr(jeu);\n\tvar jeuok = ((jeu[0] == \"(\") && (jeu[jeu.length-1] == \")\") && (verifjeu[0] >= -5) && (verifjeu[0] <=5) && (verifjeu[1] >= -5) && (verifjeu[1] <=5));\n\tif(jeuok){\n\t\tif(tirs.includes(jeu)){\n\t\t\tvar res = \"D\u00e9j\u00e0 vis\u00e9 !\";\n\t\t} else if( (tbateau[1].includes(jeu)) || (tbateau[2].includes(jeu)) || (tbateau[3].includes(jeu)) || (tbateau[4].includes(jeu)) || (tbateau[5].includes(jeu)) ){\n\t\t\tvar res = \"Touch\u00e9 !\";\n\t\t} else {\n\t\t\tvar res = \"Manqu\u00e9 !\";\n\t\t}\n\t\ttirs.push(jeu);\n\t\tlocalStorage.tirs = tirs.join(\"|\");\n\t\taffMessage(res);\n\t\taffNbTirs();\n\t\tdrawGrid();\n\t} else {\n\t\tvar res = \"Tir incorrect !\";\n\t\taffMessage(res);\n\t}\n}\nfunction reinitialisation(){\n\tinitialisation();\n\tchargement();\n}\nfunction initialisation(){\n\t\tvar tirs = \"\";\n\t\tvar placements = [];\n\t\tindices = [];\n\t\tvar bateau5 = [];\n\t\tvar intersect = bateau5.filter(value => placements.includes(value));\n\t\twhile( (bateau5.length == 0) || (intersect.length != 0) ){\n\t\t\tvar sens = randomint(0,1);\n\t\t\tif(sens == 0){\n\t\t\t\tvar i = randomint(-5,1);\n\t\t\t\tvar j = randomint(-5,5);\n\t\t\t\tbateau5 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i+1) + \";\" + (j) + \")\", \"(\" + (i+2) + \";\" + (j) + \")\", \"(\" + (i+3) + \";\" + (j) + \")\", \"(\"+ (i+4) + \";\" + (j) + \")\"];\n\t\t\t\tvar indice5 = \"(\" + (i + randomint(0,4)) + \";\" + (j) + \")\";\n\t\t\t} else {\n\t\t\t\tvar j = randomint(-5,1);\n\t\t\t\tvar i = randomint(-5,5);\n\t\t\t\tbateau5 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i) + \";\" + (j+1) + \")\", \"(\" + (i) + \";\" + (j+2) + \")\", \"(\" + (i) + \";\" + (j+3) + \")\", \"(\"+ (i) + \";\" + (j+4) + \")\"];\n\t\t\t\tvar indice5 = \"(\" + (i) + \";\" + (j + randomint(0,4)) + \")\";\n\t\t\t}\n\t\t\tintersect = bateau5.filter(value => placements.includes(value));\n\t\t}\n\t\tplacements = placements.concat(bateau5);\n\t\tindices = indices.concat(indice5);\n\t\tvar bateau4 = [];\n\t\tvar intersect = bateau4.filter(value => placements.includes(value));\n\t\twhile( (bateau4.length == 0) || (intersect.length != 0) ){\n\t\t\tvar sens = randomint(0,1);\n\t\t\tif(sens == 0){\n\t\t\t\tvar i = randomint(-5,2);\n\t\t\t\tvar j = randomint(-5,5);\n\t\t\t\tbateau4 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i+1) + \";\" + (j) + \")\", \"(\" + (i+2) + \";\" + (j) + \")\", \"(\" + (i+3) + \";\" + (j) + \")\"];\n\t\t\t\tvar indice4 = \"(\" + (i + randomint(0,3)) + \";\" + (j) + \")\";\n\t\t\t} else {\n\t\t\t\tvar j = randomint(-5,2);\n\t\t\t\tvar i = randomint(-5,5);\n\t\t\t\tbateau4 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i) + \";\" + (j+1) + \")\", \"(\" + (i) + \";\" + (j+2) + \")\", \"(\" + (i) + \";\" + (j+3) + \")\"];\n\t\t\t\tvar indice4 = \"(\" + (i) + \";\" + (j + randomint(0,3)) + \")\";\n\t\t\t}\n\t\t\tintersect = bateau4.filter(value => placements.includes(value));\n\t\t}\n\t\tplacements = placements.concat(bateau4);\n\t\tindices = indices.concat(indice4);\n\t\tvar bateau3 = [];\n\t\tvar intersect = bateau3.filter(value => placements.includes(value));\n\t\twhile( (bateau3.length == 0) || (intersect.length != 0) ){\n\t\t\tvar sens = randomint(0,1);\n\t\t\tif(sens == 0){\n\t\t\t\tvar i = randomint(-5,3);\n\t\t\t\tvar j = randomint(-5,5);\n\t\t\t\tbateau3 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i+1) + \";\" + (j) + \")\", \"(\" + (i+2) + \";\" + (j) + \")\"];\n\t\t\t\tvar indice3 = \"(\" + (i + randomint(0,2)) + \";\" + (j) + \")\";\n\t\t\t} else {\n\t\t\t\tvar j = randomint(-5,3);\n\t\t\t\tvar i = randomint(-5,5);\n\t\t\t\tbateau3 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i) + \";\" + (j+1) + \")\", \"(\" + (i) + \";\" + (j+2) + \")\"];\n\t\t\t\tvar indice3 = \"(\" + (i) + \";\" + (j + randomint(0,2)) + \")\";\n\t\t\t}\n\t\t\tintersect = bateau3.filter(value => placements.includes(value));\n\t\t}\n\t\tplacements = placements.concat(bateau3);\n\t\tindices = indices.concat(indice3);\n\t\tvar bateau2 = [];\n\t\tvar intersect = bateau2.filter(value => placements.includes(value));\n\t\twhile( (bateau2.length == 0) || (intersect.length != 0) ){\n\t\t\tvar sens = randomint(0,1);\n\t\t\tif(sens == 0){\n\t\t\t\tvar i = randomint(-5,3);\n\t\t\t\tvar j = randomint(-5,5);\n\t\t\t\tbateau2 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i+1) + \";\" + (j) + \")\", \"(\" + (i+2) + \";\" + (j) + \")\"];\n\t\t\t\tvar indice2 = \"(\" + (i + randomint(0,2)) + \";\" + (j) + \")\";\n\t\t\t} else {\n\t\t\t\tvar j = randomint(-5,3);\n\t\t\t\tvar i = randomint(-5,5);\n\t\t\t\tbateau2 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i) + \";\" + (j+1) + \")\", \"(\" + (i) + \";\" + (j+2) + \")\"];\n\t\t\t\tvar indice2 = \"(\" + (i) + \";\" + (j + randomint(0,2)) + \")\";\n\t\t\t}\n\t\t\tintersect = bateau2.filter(value => placements.includes(value));\n\t\t}\n\t\tplacements = placements.concat(bateau2);\n\t\tindices = indices.concat(indice2);\n\t\tvar bateau1 = [];\n\t\tvar intersect = bateau1.filter(value => placements.includes(value));\n\t\twhile( (bateau1.length == 0) || (intersect.length != 0) ){\n\t\t\tvar sens = randomint(0,1);\n\t\t\tif(sens == 0){\n\t\t\t\tvar i = randomint(-5,4);\n\t\t\t\tvar j = randomint(-5,5);\n\t\t\t\tbateau1 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i+1) + \";\" + (j) + \")\"];\n\t\t\t\tvar indice1 = \"(\" + (i + randomint(0,1)) + \";\" + (j) + \")\";\n\t\t\t} else {\n\t\t\t\tvar j = randomint(-5,4);\n\t\t\t\tvar i = randomint(-5,5);\n\t\t\t\tbateau1 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i) + \";\" + (j+1) + \")\"];\n\t\t\t\tvar indice1 = \"(\" + (i) + \";\" + (j + randomint(0,1)) + \")\";\n\t\t\t}\n\t\t\tintersect = bateau1.filter(value => placements.includes(value));\n\t\t}\n\t\tplacements = placements.concat(bateau1);\n\t\tindices = indices.concat(indice1);\n\t\tlocalStorage.bateau1 = bateau1.join(\"|\");\n\t\tlocalStorage.bateau2 = bateau2.join(\"|\");\n\t\tlocalStorage.bateau3 = bateau3.join(\"|\");\n\t\tlocalStorage.bateau4 = bateau4.join(\"|\");\n\t\tlocalStorage.bateau5 = bateau5.join(\"|\");\n\t\tlocalStorage.indices = indices.join(\"|\");\n\t\tlocalStorage.tirs = \"\";\n}\nfunction chargement(){\n\tif( (localStorage.bateau1 == undefined) || (localStorage.bateau2 == undefined) || (localStorage.bateau3 == undefined) || (localStorage.bateau4 == undefined) || (localStorage.bateau5 == undefined) || (localStorage.indices == undefined) ){\n\t\tinitialisation();\n\t}\n\ttbateau[1] = localStorage.bateau1.split(\"|\");\n\ttbateau[2] = localStorage.bateau2.split(\"|\");\n\ttbateau[3] = localStorage.bateau3.split(\"|\");\n\ttbateau[4] = localStorage.bateau4.split(\"|\");\n\ttbateau[5] = localStorage.bateau5.split(\"|\");\n\tindices = localStorage.indices.split(\"|\");\n\tif( localStorage.tirs != undefined ){\n\t\tif(localStorage.tirs != \"\"){\n\t\t\ttirs = localStorage.tirs.split(\"|\");\n\t\t} else {\n\t\t\ttirs = [];\n\t\t}\n\t} else {\n\t\ttirs = [];\n\t}\n\tconsole.log(tirs);\n\tdrawGrid();\n\taffMessage(\"En attente...\");\n\taffNbTirs();\n}\nfunction affMessage(msg){\n\tvar message = document.getElementById('message');\n\tmessage.innerHTML = msg;\n}\nfunction affNbTirs(){\n\tvar nbtirs = document.getElementById('nbtirs');\n\tnbtirs.innerHTML = tirs.length;\n}\nfunction drawGrid(){\n\tvar tbateau1 = tbateau[1].join(\"\");\n\tvar tbateau2 = tbateau[2].join(\"\");\n\tvar tbateau3 = tbateau[3].join(\"\");\n\tvar tbateau4 = tbateau[4].join(\"\");\n\tvar tbateau5 = tbateau[5].join(\"\");\n\tvar canvas = document.getElementById('canvas');\n\tsize = parseInt(canvas.width);\n\tcoeff = size\/11;\n\tblack = 'rgb(0,0,0)';\n\tred = 'rgb(205,0,0)';\n\tgreen = 'rgb(0,205,0)';\n\tblue = 'rgb(0,0,205)';\n\tif (canvas.getContext) {\n\t\tvar ctx = canvas.getContext('2d');\n\t\tctx.clearRect(0, 0, size, size);\n\t\tctx.strokeStyle = black;\n\t\tctx.setLineDash([2, 2]);\n\t\tctx.lineWidth = 1;\n\t\tfor(var i=-5; i<=5; i++){\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(i),0);\n\t\t\tctx.lineTo(coordx(i),size);\n\t\t\tctx.stroke();\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(0,coordy(i));\n\t\t\tctx.lineTo(size,coordy(i));\n\t\t\tctx.stroke();\n\t\t}\n\t\tctx.lineWidth = 2;\n\t\tctx.setLineDash([]);\n\t\tfor(var i=-5; i<=5; i++){\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(i),coordy(0.2));\n\t\t\tctx.lineTo(coordx(i),coordy(-0.2));\n\t\t\tctx.stroke();\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(0.2),coordy(i));\n\t\t\tctx.lineTo(coordx(-0.2),coordy(i));\n\t\t\tctx.stroke();\n\t\t}\n\t\tctx.beginPath();\n\t\tctx.moveTo(coordx(0),coordy(-5.5));\n\t\tctx.lineTo(coordx(0),coordy(5.5));\n\t\tctx.stroke();\n\t\tctx.beginPath();\n\t\tctx.moveTo(coordx(-5.5),coordy(0));\n\t\tctx.lineTo(coordx(5.5),coordy(0));\n\t\tctx.stroke();\n\t\tctx.beginPath();\n\t\tctx.moveTo(coordx(5.3),coordy(0.2));\n\t\tctx.lineTo(coordx(5.5),coordy(0));\n\t\tctx.lineTo(coordx(5.3),coordy(-0.2));\n\t\tctx.stroke();\n\t\tctx.beginPath();\n\t\tctx.moveTo(coordx(0.2),coordy(5.3));\n\t\tctx.lineTo(coordx(0),coordy(5.5));\n\t\tctx.lineTo(coordx(-0.2),coordy(5.3));\n\t\tctx.stroke();\n\t\t\n\t\tctx.font = '20px Verdana, Arial, serif';\n\t\tctx.strokeStyle = black;\n\t\tctx.strokeText('O', coordx(-0.5), coordy(-0.5));\n\t\tctx.strokeText('1', coordx(0.85), coordy(-0.6));\n\t\tctx.strokeText('1', coordx(-0.6), coordy(0.85));\n\t\t\n\t\tif(affindices == true){\n\t\t\tindices.forEach(function(xy){\n\t\t\t\tvar txy = coord2arr(xy);\n\t\t\t\tvar x = parseInt(txy[0]);\n\t\t\t\tvar y = parseInt(txy[1]);\n\t\t\t\tctx.strokeStyle = green;\n\t\t\t\tctx.lineWidth = 3;\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x-0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x+0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x+0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x-0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t});\n\t\t}\n\n\t\tif(affsolution == true){\n\t\t\tfor(var k=1; k<=5; k++){\n\t\t\t\ttbateau[k].forEach(function(xy){\n\t\t\t\t\tvar txy = coord2arr(xy);\n\t\t\t\t\tvar x = parseInt(txy[0]);\n\t\t\t\t\tvar y = parseInt(txy[1]);\n\t\t\t\t\tctx.strokeStyle = green;\n\t\t\t\t\tctx.lineWidth = 3;\n\t\t\t\t\tctx.beginPath();\n\t\t\t\t\tctx.moveTo(coordx(x-0.2),coordy(y-0.2));\n\t\t\t\t\tctx.lineTo(coordx(x+0.2),coordy(y+0.2));\n\t\t\t\t\tctx.stroke();\n\t\t\t\t\tctx.beginPath();\n\t\t\t\t\tctx.moveTo(coordx(x+0.2),coordy(y-0.2));\n\t\t\t\t\tctx.lineTo(coordx(x-0.2),coordy(y+0.2));\n\t\t\t\t\tctx.stroke();\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\t\n\t\ttirs.forEach(function(xy){\n\t\t\tvar txy = coord2arr(xy);\n\t\t\tvar x = parseInt(txy[0]);\n\t\t\tvar y = parseInt(txy[1]);\n\t\t\tvar touche = ((tbateau[1].includes(xy)) || (tbateau[2].includes(xy)) || (tbateau[3].includes(xy)) || (tbateau[4].includes(xy)) || (tbateau[5].includes(xy)));\n\t\t\tif(touche){\n\t\t\t\tctx.strokeStyle = red;\n\t\t\t\tctx.lineWidth = 3;\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x-0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x+0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x+0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x-0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t\ttbateau1 = tbateau1.replace(xy, \"\");\n\t\t\t\ttbateau2 = tbateau2.replace(xy, \"\");\n\t\t\t\ttbateau3 = tbateau3.replace(xy, \"\");\n\t\t\t\ttbateau4 = tbateau4.replace(xy, \"\");\n\t\t\t\ttbateau5 = tbateau5.replace(xy, \"\");\n\t\t\t}else{\n\t\t\t\tctx.strokeStyle = blue;\n\t\t\t\tctx.lineWidth = 3;\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x-0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x+0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x+0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x-0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t}\n\t\t});\n\t\t\n\t\tif(tbateau1.length == 0){\n\t\t\tvar xy1 = tbateau[1][0];\n\t\t\tvar xy2 = tbateau[1][tbateau[1].length-1];\n\t\t\tvar txy = coord2arr(xy1);\n\t\t\tvar x1 = txy[0];\n\t\t\tvar y1= txy[1];\n\t\t\tvar txy = coord2arr(xy2);\n\t\t\tvar x2 = txy[0];\n\t\t\tvar y2 = txy[1];\n\t\t\tctx.strokeStyle = red;\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(x1),coordy(y1));\n\t\t\tctx.lineTo(coordx(x2),coordy(y2));\n\t\t\tctx.stroke();\n\t\t}\n\t\t\n\t\tif(tbateau2.length == 0){\n\t\t\tvar xy1 = tbateau[2][0];\n\t\t\tvar xy2 = tbateau[2][tbateau[2].length-1];\n\t\t\tvar txy = coord2arr(xy1);\n\t\t\tvar x1 = txy[0];\n\t\t\tvar y1= txy[1];\n\t\t\tvar txy = coord2arr(xy2);\n\t\t\tvar x2 = txy[0];\n\t\t\tvar y2 = txy[1];\n\t\t\tctx.strokeStyle = red;\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(x1),coordy(y1));\n\t\t\tctx.lineTo(coordx(x2),coordy(y2));\n\t\t\tctx.stroke();\n\t\t}\n\t\t\n\t\tif(tbateau3.length == 0){\n\t\t\tvar xy1 = tbateau[3][0];\n\t\t\tvar xy2 = tbateau[3][tbateau[3].length-1];\n\t\t\tvar txy = coord2arr(xy1);\n\t\t\tvar x1 = txy[0];\n\t\t\tvar y1= txy[1];\n\t\t\tvar txy = coord2arr(xy2);\n\t\t\tvar x2 = txy[0];\n\t\t\tvar y2 = txy[1];\n\t\t\tctx.strokeStyle = red;\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(x1),coordy(y1));\n\t\t\tctx.lineTo(coordx(x2),coordy(y2));\n\t\t\tctx.stroke();\n\t\t}\n\t\t\n\t\tif(tbateau4.length == 0){\n\t\t\tvar xy1 = tbateau[4][0];\n\t\t\tvar xy2 = tbateau[4][tbateau[4].length-1];\n\t\t\tvar txy = coord2arr(xy1);\n\t\t\tvar x1 = txy[0];\n\t\t\tvar y1= txy[1];\n\t\t\tvar txy = coord2arr(xy2);\n\t\t\tvar x2 = txy[0];\n\t\t\tvar y2 = txy[1];\n\t\t\tctx.strokeStyle = red;\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(x1),coordy(y1));\n\t\t\tctx.lineTo(coordx(x2),coordy(y2));\n\t\t\tctx.stroke();\n\t\t}\n\t\t\n\t\tif(tbateau5.length == 0){\n\t\t\tvar xy1 = tbateau[5][0];\n\t\t\tvar xy2 = tbateau[5][tbateau[5].length-1];\n\t\t\tvar txy = coord2arr(xy1);\n\t\t\tvar x1 = txy[0];\n\t\t\tvar y1= txy[1];\n\t\t\tvar txy = coord2arr(xy2);\n\t\t\tvar x2 = txy[0];\n\t\t\tvar y2 = txy[1];\n\t\t\tctx.strokeStyle = red;\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(x1),coordy(y1));\n\t\t\tctx.lineTo(coordx(x2),coordy(y2));\n\t\t\tctx.stroke();\n\t\t}\n\n\t}\n}\nfunction initialiseButtons(){\n\tvar inputIndices = document.getElementById(\"indices\");\n\tvar inputSolution = document.getElementById(\"solution\");\n\tif(affindices == false){\n\t\tdocument.getElementById('btnindices').value = \"Afficher les indices\";\n\t} else {\n\t\tdocument.getElementById('btnindices').value = \"Cacher les indices\";\n\t}\n\tif(affsolution == false){\n\t\tdocument.getElementById('btnsolution').value = \"Afficher la solution\";\n\t} else {\n\t\tdocument.getElementById('btnsolution').value = \"Cacher la solution\";\n\t}\n}\nfunction toggleIndices(){\n\tif(affindices == false){\n\t\taffindices = true;\n\t\tdocument.getElementById('btnindices').value = \"Cacher les indices\";\n\t} else {\n\t\taffindices = false;\n\t\tdocument.getElementById('btnindices').value = \"Afficher les indices\";\n\t}\n\tdrawGrid();\n}\nfunction toggleSolution(){\n\tif(affsolution == false){\n\t\taffsolution = true;\n\t\tdocument.getElementById('btnsolution').value = \"Cacher la solution\";\n\t} else {\n\t\taffsolution = false;\n\t\tdocument.getElementById('btnsolution').value = \"Afficher la solution\";\n\t}\n\tdrawGrid();\n}\ninitialiseButtons();\nchargement();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bataille Navale Viser les coordonnées : Nombre de tirs : |<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-947","post","type-post","status-publish","format-standard","hentry","category-non-classe"],"_links":{"self":[{"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/posts\/947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=947"}],"version-history":[{"count":1,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/posts\/947\/revisions"}],"predecessor-version":[{"id":948,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/posts\/947\/revisions\/948"}],"wp:attachment":[{"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":947,"date":"2023-05-11T09:42:07","date_gmt":"2023-05-11T07:42:07","guid":{"rendered":"https:\/\/lesmotsbouscules.fr\/?p=947"},"modified":"2023-05-11T09:42:07","modified_gmt":"2023-05-11T07:42:07","slug":"947","status":"publish","type":"post","link":"https:\/\/lesmotsbouscules.fr\/?p=947","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\n \n Bataille Navale<\/title>\n<\/head>\n<body> \n <center>\n <span style=\"font-size:20px;\">Viser les coordonnées :<\/span> <input type=\"text\" id=\"jeu\" autocomplete=\"off\" autofocus style=\"font-size:30px;width:100px;\" \/>\n <input type=\"button\" name=\"submit\" value=\"FEU !\" style=\"font-size:30px;\" onclick=\"tir();\" \/>\n <p><span style=\"font-size:20px;\">Nombre de tirs : <span id=\"nbtirs\" style=\"font-weight:bold;\"><\/span> | <span id=\"message\" style=\"font-weight:bold;\"><\/span><\/span><\/p><\/center>\n<br \/>\n<center><canvas id=\"canvas\" width=\"550\" height=\"550\"><\/canvas>\n\n<p><input type=\"button\" id=\"btnreinitialiser\" value=\"R\u00e9initialiser le jeu\" onclick=\"reinitialisation();\" \/> <input type=\"button\" id=\"btnindices\" value=\"Afficher les indices\" onclick=\"toggleIndices();\" \/> <\/p><\/center>\n<script>\nvar tbateau = [];\nvar indices = [];\nvar tirs = [];\nvar coeff = 1;\nvar size = 550;\nvar affindices = false;\nvar affsolution = false;\nfunction coord2arr(xy){\n\tvar res = xy.substr(1,xy.length-2);\n\tvar arr = res.split(\";\");\n\treturn arr;\n}\nfunction coordy(i){\n\treturn -i*coeff+5.5*coeff;\n}\nfunction coordx(i){\n\treturn i*coeff+5.5*coeff;\n}\nfunction randomint(min, max) {\n\treturn Math.floor(Math.random() * (max - min + 1)) + min;\n}\nwindow.onload = resize;\nwindow.onresize = resize;\ndocument.getElementById(\"jeu\").addEventListener(\"keyup\", function(event) {\n\tif (event.keyCode === 13) {\n\t\ttir();\n\t}\n});\nfunction resize(){\n\tvar maxwidth = Math.floor(window.innerWidth*0.90);\n\tvar maxheight = Math.floor(window.innerHeight*0.75);\n\tvar maxsize = Math.min(maxwidth, maxheight);\n\tconsole.log(maxsize);\n\tdocument.getElementById(\"canvas\").width = maxsize;\n\tdocument.getElementById(\"canvas\").height = maxsize;\n\tdrawGrid();\n}\nfunction tir(){\n\tvar jeu = document.getElementById(\"jeu\").value;\n\tdocument.getElementById(\"jeu\").value = \"\";\n\tverifjeu = coord2arr(jeu);\n\tvar jeuok = ((jeu[0] == \"(\") && (jeu[jeu.length-1] == \")\") && (verifjeu[0] >= -5) && (verifjeu[0] <=5) && (verifjeu[1] >= -5) && (verifjeu[1] <=5));\n\tif(jeuok){\n\t\tif(tirs.includes(jeu)){\n\t\t\tvar res = \"D\u00e9j\u00e0 vis\u00e9 !\";\n\t\t} else if( (tbateau[1].includes(jeu)) || (tbateau[2].includes(jeu)) || (tbateau[3].includes(jeu)) || (tbateau[4].includes(jeu)) || (tbateau[5].includes(jeu)) ){\n\t\t\tvar res = \"Touch\u00e9 !\";\n\t\t} else {\n\t\t\tvar res = \"Manqu\u00e9 !\";\n\t\t}\n\t\ttirs.push(jeu);\n\t\tlocalStorage.tirs = tirs.join(\"|\");\n\t\taffMessage(res);\n\t\taffNbTirs();\n\t\tdrawGrid();\n\t} else {\n\t\tvar res = \"Tir incorrect !\";\n\t\taffMessage(res);\n\t}\n}\nfunction reinitialisation(){\n\tinitialisation();\n\tchargement();\n}\nfunction initialisation(){\n\t\tvar tirs = \"\";\n\t\tvar placements = [];\n\t\tindices = [];\n\t\tvar bateau5 = [];\n\t\tvar intersect = bateau5.filter(value => placements.includes(value));\n\t\twhile( (bateau5.length == 0) || (intersect.length != 0) ){\n\t\t\tvar sens = randomint(0,1);\n\t\t\tif(sens == 0){\n\t\t\t\tvar i = randomint(-5,1);\n\t\t\t\tvar j = randomint(-5,5);\n\t\t\t\tbateau5 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i+1) + \";\" + (j) + \")\", \"(\" + (i+2) + \";\" + (j) + \")\", \"(\" + (i+3) + \";\" + (j) + \")\", \"(\"+ (i+4) + \";\" + (j) + \")\"];\n\t\t\t\tvar indice5 = \"(\" + (i + randomint(0,4)) + \";\" + (j) + \")\";\n\t\t\t} else {\n\t\t\t\tvar j = randomint(-5,1);\n\t\t\t\tvar i = randomint(-5,5);\n\t\t\t\tbateau5 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i) + \";\" + (j+1) + \")\", \"(\" + (i) + \";\" + (j+2) + \")\", \"(\" + (i) + \";\" + (j+3) + \")\", \"(\"+ (i) + \";\" + (j+4) + \")\"];\n\t\t\t\tvar indice5 = \"(\" + (i) + \";\" + (j + randomint(0,4)) + \")\";\n\t\t\t}\n\t\t\tintersect = bateau5.filter(value => placements.includes(value));\n\t\t}\n\t\tplacements = placements.concat(bateau5);\n\t\tindices = indices.concat(indice5);\n\t\tvar bateau4 = [];\n\t\tvar intersect = bateau4.filter(value => placements.includes(value));\n\t\twhile( (bateau4.length == 0) || (intersect.length != 0) ){\n\t\t\tvar sens = randomint(0,1);\n\t\t\tif(sens == 0){\n\t\t\t\tvar i = randomint(-5,2);\n\t\t\t\tvar j = randomint(-5,5);\n\t\t\t\tbateau4 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i+1) + \";\" + (j) + \")\", \"(\" + (i+2) + \";\" + (j) + \")\", \"(\" + (i+3) + \";\" + (j) + \")\"];\n\t\t\t\tvar indice4 = \"(\" + (i + randomint(0,3)) + \";\" + (j) + \")\";\n\t\t\t} else {\n\t\t\t\tvar j = randomint(-5,2);\n\t\t\t\tvar i = randomint(-5,5);\n\t\t\t\tbateau4 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i) + \";\" + (j+1) + \")\", \"(\" + (i) + \";\" + (j+2) + \")\", \"(\" + (i) + \";\" + (j+3) + \")\"];\n\t\t\t\tvar indice4 = \"(\" + (i) + \";\" + (j + randomint(0,3)) + \")\";\n\t\t\t}\n\t\t\tintersect = bateau4.filter(value => placements.includes(value));\n\t\t}\n\t\tplacements = placements.concat(bateau4);\n\t\tindices = indices.concat(indice4);\n\t\tvar bateau3 = [];\n\t\tvar intersect = bateau3.filter(value => placements.includes(value));\n\t\twhile( (bateau3.length == 0) || (intersect.length != 0) ){\n\t\t\tvar sens = randomint(0,1);\n\t\t\tif(sens == 0){\n\t\t\t\tvar i = randomint(-5,3);\n\t\t\t\tvar j = randomint(-5,5);\n\t\t\t\tbateau3 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i+1) + \";\" + (j) + \")\", \"(\" + (i+2) + \";\" + (j) + \")\"];\n\t\t\t\tvar indice3 = \"(\" + (i + randomint(0,2)) + \";\" + (j) + \")\";\n\t\t\t} else {\n\t\t\t\tvar j = randomint(-5,3);\n\t\t\t\tvar i = randomint(-5,5);\n\t\t\t\tbateau3 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i) + \";\" + (j+1) + \")\", \"(\" + (i) + \";\" + (j+2) + \")\"];\n\t\t\t\tvar indice3 = \"(\" + (i) + \";\" + (j + randomint(0,2)) + \")\";\n\t\t\t}\n\t\t\tintersect = bateau3.filter(value => placements.includes(value));\n\t\t}\n\t\tplacements = placements.concat(bateau3);\n\t\tindices = indices.concat(indice3);\n\t\tvar bateau2 = [];\n\t\tvar intersect = bateau2.filter(value => placements.includes(value));\n\t\twhile( (bateau2.length == 0) || (intersect.length != 0) ){\n\t\t\tvar sens = randomint(0,1);\n\t\t\tif(sens == 0){\n\t\t\t\tvar i = randomint(-5,3);\n\t\t\t\tvar j = randomint(-5,5);\n\t\t\t\tbateau2 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i+1) + \";\" + (j) + \")\", \"(\" + (i+2) + \";\" + (j) + \")\"];\n\t\t\t\tvar indice2 = \"(\" + (i + randomint(0,2)) + \";\" + (j) + \")\";\n\t\t\t} else {\n\t\t\t\tvar j = randomint(-5,3);\n\t\t\t\tvar i = randomint(-5,5);\n\t\t\t\tbateau2 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i) + \";\" + (j+1) + \")\", \"(\" + (i) + \";\" + (j+2) + \")\"];\n\t\t\t\tvar indice2 = \"(\" + (i) + \";\" + (j + randomint(0,2)) + \")\";\n\t\t\t}\n\t\t\tintersect = bateau2.filter(value => placements.includes(value));\n\t\t}\n\t\tplacements = placements.concat(bateau2);\n\t\tindices = indices.concat(indice2);\n\t\tvar bateau1 = [];\n\t\tvar intersect = bateau1.filter(value => placements.includes(value));\n\t\twhile( (bateau1.length == 0) || (intersect.length != 0) ){\n\t\t\tvar sens = randomint(0,1);\n\t\t\tif(sens == 0){\n\t\t\t\tvar i = randomint(-5,4);\n\t\t\t\tvar j = randomint(-5,5);\n\t\t\t\tbateau1 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i+1) + \";\" + (j) + \")\"];\n\t\t\t\tvar indice1 = \"(\" + (i + randomint(0,1)) + \";\" + (j) + \")\";\n\t\t\t} else {\n\t\t\t\tvar j = randomint(-5,4);\n\t\t\t\tvar i = randomint(-5,5);\n\t\t\t\tbateau1 = [\"(\" + (i) + \";\" + (j) + \")\", \"(\" + (i) + \";\" + (j+1) + \")\"];\n\t\t\t\tvar indice1 = \"(\" + (i) + \";\" + (j + randomint(0,1)) + \")\";\n\t\t\t}\n\t\t\tintersect = bateau1.filter(value => placements.includes(value));\n\t\t}\n\t\tplacements = placements.concat(bateau1);\n\t\tindices = indices.concat(indice1);\n\t\tlocalStorage.bateau1 = bateau1.join(\"|\");\n\t\tlocalStorage.bateau2 = bateau2.join(\"|\");\n\t\tlocalStorage.bateau3 = bateau3.join(\"|\");\n\t\tlocalStorage.bateau4 = bateau4.join(\"|\");\n\t\tlocalStorage.bateau5 = bateau5.join(\"|\");\n\t\tlocalStorage.indices = indices.join(\"|\");\n\t\tlocalStorage.tirs = \"\";\n}\nfunction chargement(){\n\tif( (localStorage.bateau1 == undefined) || (localStorage.bateau2 == undefined) || (localStorage.bateau3 == undefined) || (localStorage.bateau4 == undefined) || (localStorage.bateau5 == undefined) || (localStorage.indices == undefined) ){\n\t\tinitialisation();\n\t}\n\ttbateau[1] = localStorage.bateau1.split(\"|\");\n\ttbateau[2] = localStorage.bateau2.split(\"|\");\n\ttbateau[3] = localStorage.bateau3.split(\"|\");\n\ttbateau[4] = localStorage.bateau4.split(\"|\");\n\ttbateau[5] = localStorage.bateau5.split(\"|\");\n\tindices = localStorage.indices.split(\"|\");\n\tif( localStorage.tirs != undefined ){\n\t\tif(localStorage.tirs != \"\"){\n\t\t\ttirs = localStorage.tirs.split(\"|\");\n\t\t} else {\n\t\t\ttirs = [];\n\t\t}\n\t} else {\n\t\ttirs = [];\n\t}\n\tconsole.log(tirs);\n\tdrawGrid();\n\taffMessage(\"En attente...\");\n\taffNbTirs();\n}\nfunction affMessage(msg){\n\tvar message = document.getElementById('message');\n\tmessage.innerHTML = msg;\n}\nfunction affNbTirs(){\n\tvar nbtirs = document.getElementById('nbtirs');\n\tnbtirs.innerHTML = tirs.length;\n}\nfunction drawGrid(){\n\tvar tbateau1 = tbateau[1].join(\"\");\n\tvar tbateau2 = tbateau[2].join(\"\");\n\tvar tbateau3 = tbateau[3].join(\"\");\n\tvar tbateau4 = tbateau[4].join(\"\");\n\tvar tbateau5 = tbateau[5].join(\"\");\n\tvar canvas = document.getElementById('canvas');\n\tsize = parseInt(canvas.width);\n\tcoeff = size\/11;\n\tblack = 'rgb(0,0,0)';\n\tred = 'rgb(205,0,0)';\n\tgreen = 'rgb(0,205,0)';\n\tblue = 'rgb(0,0,205)';\n\tif (canvas.getContext) {\n\t\tvar ctx = canvas.getContext('2d');\n\t\tctx.clearRect(0, 0, size, size);\n\t\tctx.strokeStyle = black;\n\t\tctx.setLineDash([2, 2]);\n\t\tctx.lineWidth = 1;\n\t\tfor(var i=-5; i<=5; i++){\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(i),0);\n\t\t\tctx.lineTo(coordx(i),size);\n\t\t\tctx.stroke();\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(0,coordy(i));\n\t\t\tctx.lineTo(size,coordy(i));\n\t\t\tctx.stroke();\n\t\t}\n\t\tctx.lineWidth = 2;\n\t\tctx.setLineDash([]);\n\t\tfor(var i=-5; i<=5; i++){\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(i),coordy(0.2));\n\t\t\tctx.lineTo(coordx(i),coordy(-0.2));\n\t\t\tctx.stroke();\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(0.2),coordy(i));\n\t\t\tctx.lineTo(coordx(-0.2),coordy(i));\n\t\t\tctx.stroke();\n\t\t}\n\t\tctx.beginPath();\n\t\tctx.moveTo(coordx(0),coordy(-5.5));\n\t\tctx.lineTo(coordx(0),coordy(5.5));\n\t\tctx.stroke();\n\t\tctx.beginPath();\n\t\tctx.moveTo(coordx(-5.5),coordy(0));\n\t\tctx.lineTo(coordx(5.5),coordy(0));\n\t\tctx.stroke();\n\t\tctx.beginPath();\n\t\tctx.moveTo(coordx(5.3),coordy(0.2));\n\t\tctx.lineTo(coordx(5.5),coordy(0));\n\t\tctx.lineTo(coordx(5.3),coordy(-0.2));\n\t\tctx.stroke();\n\t\tctx.beginPath();\n\t\tctx.moveTo(coordx(0.2),coordy(5.3));\n\t\tctx.lineTo(coordx(0),coordy(5.5));\n\t\tctx.lineTo(coordx(-0.2),coordy(5.3));\n\t\tctx.stroke();\n\t\t\n\t\tctx.font = '20px Verdana, Arial, serif';\n\t\tctx.strokeStyle = black;\n\t\tctx.strokeText('O', coordx(-0.5), coordy(-0.5));\n\t\tctx.strokeText('1', coordx(0.85), coordy(-0.6));\n\t\tctx.strokeText('1', coordx(-0.6), coordy(0.85));\n\t\t\n\t\tif(affindices == true){\n\t\t\tindices.forEach(function(xy){\n\t\t\t\tvar txy = coord2arr(xy);\n\t\t\t\tvar x = parseInt(txy[0]);\n\t\t\t\tvar y = parseInt(txy[1]);\n\t\t\t\tctx.strokeStyle = green;\n\t\t\t\tctx.lineWidth = 3;\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x-0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x+0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x+0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x-0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t});\n\t\t}\n\n\t\tif(affsolution == true){\n\t\t\tfor(var k=1; k<=5; k++){\n\t\t\t\ttbateau[k].forEach(function(xy){\n\t\t\t\t\tvar txy = coord2arr(xy);\n\t\t\t\t\tvar x = parseInt(txy[0]);\n\t\t\t\t\tvar y = parseInt(txy[1]);\n\t\t\t\t\tctx.strokeStyle = green;\n\t\t\t\t\tctx.lineWidth = 3;\n\t\t\t\t\tctx.beginPath();\n\t\t\t\t\tctx.moveTo(coordx(x-0.2),coordy(y-0.2));\n\t\t\t\t\tctx.lineTo(coordx(x+0.2),coordy(y+0.2));\n\t\t\t\t\tctx.stroke();\n\t\t\t\t\tctx.beginPath();\n\t\t\t\t\tctx.moveTo(coordx(x+0.2),coordy(y-0.2));\n\t\t\t\t\tctx.lineTo(coordx(x-0.2),coordy(y+0.2));\n\t\t\t\t\tctx.stroke();\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\t\n\t\ttirs.forEach(function(xy){\n\t\t\tvar txy = coord2arr(xy);\n\t\t\tvar x = parseInt(txy[0]);\n\t\t\tvar y = parseInt(txy[1]);\n\t\t\tvar touche = ((tbateau[1].includes(xy)) || (tbateau[2].includes(xy)) || (tbateau[3].includes(xy)) || (tbateau[4].includes(xy)) || (tbateau[5].includes(xy)));\n\t\t\tif(touche){\n\t\t\t\tctx.strokeStyle = red;\n\t\t\t\tctx.lineWidth = 3;\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x-0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x+0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x+0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x-0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t\ttbateau1 = tbateau1.replace(xy, \"\");\n\t\t\t\ttbateau2 = tbateau2.replace(xy, \"\");\n\t\t\t\ttbateau3 = tbateau3.replace(xy, \"\");\n\t\t\t\ttbateau4 = tbateau4.replace(xy, \"\");\n\t\t\t\ttbateau5 = tbateau5.replace(xy, \"\");\n\t\t\t}else{\n\t\t\t\tctx.strokeStyle = blue;\n\t\t\t\tctx.lineWidth = 3;\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x-0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x+0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t\tctx.beginPath();\n\t\t\t\tctx.moveTo(coordx(x+0.2),coordy(y-0.2));\n\t\t\t\tctx.lineTo(coordx(x-0.2),coordy(y+0.2));\n\t\t\t\tctx.stroke();\n\t\t\t}\n\t\t});\n\t\t\n\t\tif(tbateau1.length == 0){\n\t\t\tvar xy1 = tbateau[1][0];\n\t\t\tvar xy2 = tbateau[1][tbateau[1].length-1];\n\t\t\tvar txy = coord2arr(xy1);\n\t\t\tvar x1 = txy[0];\n\t\t\tvar y1= txy[1];\n\t\t\tvar txy = coord2arr(xy2);\n\t\t\tvar x2 = txy[0];\n\t\t\tvar y2 = txy[1];\n\t\t\tctx.strokeStyle = red;\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(x1),coordy(y1));\n\t\t\tctx.lineTo(coordx(x2),coordy(y2));\n\t\t\tctx.stroke();\n\t\t}\n\t\t\n\t\tif(tbateau2.length == 0){\n\t\t\tvar xy1 = tbateau[2][0];\n\t\t\tvar xy2 = tbateau[2][tbateau[2].length-1];\n\t\t\tvar txy = coord2arr(xy1);\n\t\t\tvar x1 = txy[0];\n\t\t\tvar y1= txy[1];\n\t\t\tvar txy = coord2arr(xy2);\n\t\t\tvar x2 = txy[0];\n\t\t\tvar y2 = txy[1];\n\t\t\tctx.strokeStyle = red;\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(x1),coordy(y1));\n\t\t\tctx.lineTo(coordx(x2),coordy(y2));\n\t\t\tctx.stroke();\n\t\t}\n\t\t\n\t\tif(tbateau3.length == 0){\n\t\t\tvar xy1 = tbateau[3][0];\n\t\t\tvar xy2 = tbateau[3][tbateau[3].length-1];\n\t\t\tvar txy = coord2arr(xy1);\n\t\t\tvar x1 = txy[0];\n\t\t\tvar y1= txy[1];\n\t\t\tvar txy = coord2arr(xy2);\n\t\t\tvar x2 = txy[0];\n\t\t\tvar y2 = txy[1];\n\t\t\tctx.strokeStyle = red;\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(x1),coordy(y1));\n\t\t\tctx.lineTo(coordx(x2),coordy(y2));\n\t\t\tctx.stroke();\n\t\t}\n\t\t\n\t\tif(tbateau4.length == 0){\n\t\t\tvar xy1 = tbateau[4][0];\n\t\t\tvar xy2 = tbateau[4][tbateau[4].length-1];\n\t\t\tvar txy = coord2arr(xy1);\n\t\t\tvar x1 = txy[0];\n\t\t\tvar y1= txy[1];\n\t\t\tvar txy = coord2arr(xy2);\n\t\t\tvar x2 = txy[0];\n\t\t\tvar y2 = txy[1];\n\t\t\tctx.strokeStyle = red;\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(x1),coordy(y1));\n\t\t\tctx.lineTo(coordx(x2),coordy(y2));\n\t\t\tctx.stroke();\n\t\t}\n\t\t\n\t\tif(tbateau5.length == 0){\n\t\t\tvar xy1 = tbateau[5][0];\n\t\t\tvar xy2 = tbateau[5][tbateau[5].length-1];\n\t\t\tvar txy = coord2arr(xy1);\n\t\t\tvar x1 = txy[0];\n\t\t\tvar y1= txy[1];\n\t\t\tvar txy = coord2arr(xy2);\n\t\t\tvar x2 = txy[0];\n\t\t\tvar y2 = txy[1];\n\t\t\tctx.strokeStyle = red;\n\t\t\tctx.lineWidth = 3;\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(coordx(x1),coordy(y1));\n\t\t\tctx.lineTo(coordx(x2),coordy(y2));\n\t\t\tctx.stroke();\n\t\t}\n\n\t}\n}\nfunction initialiseButtons(){\n\tvar inputIndices = document.getElementById(\"indices\");\n\tvar inputSolution = document.getElementById(\"solution\");\n\tif(affindices == false){\n\t\tdocument.getElementById('btnindices').value = \"Afficher les indices\";\n\t} else {\n\t\tdocument.getElementById('btnindices').value = \"Cacher les indices\";\n\t}\n\tif(affsolution == false){\n\t\tdocument.getElementById('btnsolution').value = \"Afficher la solution\";\n\t} else {\n\t\tdocument.getElementById('btnsolution').value = \"Cacher la solution\";\n\t}\n}\nfunction toggleIndices(){\n\tif(affindices == false){\n\t\taffindices = true;\n\t\tdocument.getElementById('btnindices').value = \"Cacher les indices\";\n\t} else {\n\t\taffindices = false;\n\t\tdocument.getElementById('btnindices').value = \"Afficher les indices\";\n\t}\n\tdrawGrid();\n}\nfunction toggleSolution(){\n\tif(affsolution == false){\n\t\taffsolution = true;\n\t\tdocument.getElementById('btnsolution').value = \"Cacher la solution\";\n\t} else {\n\t\taffsolution = false;\n\t\tdocument.getElementById('btnsolution').value = \"Afficher la solution\";\n\t}\n\tdrawGrid();\n}\ninitialiseButtons();\nchargement();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bataille Navale Viser les coordonnées : Nombre de tirs : |<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-947","post","type-post","status-publish","format-standard","hentry","category-non-classe"],"_links":{"self":[{"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/posts\/947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=947"}],"version-history":[{"count":1,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/posts\/947\/revisions"}],"predecessor-version":[{"id":948,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=\/wp\/v2\/posts\/947\/revisions\/948"}],"wp:attachment":[{"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lesmotsbouscules.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}