adrien/mots-croises
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

n'afficher que les définitions de la case

Browse Source
This commit is contained in:
Adrien MALINGREY
2025-05-01 14:06:44 +02:00
parent 92306e2a2a
commit c8ecb504ef
5 changed files with 266 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
script.js
View File

@ -1,59 +1,79 @@
async function sha256(text) {
const encoder = new TextEncoder();
const data = encoder.encode(text);
const hashBuffer = await crypto.subtle.digest('SHA-256', data);
const hashArray = Array.from(new Uint8Array(hashBuffer));
return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
const encoder = new TextEncoder();
const data = encoder.encode(text);
const hashBuffer = await crypto.subtle.digest("SHA-256", data);
const hashArray = Array.from(new Uint8Array(hashBuffer));
return hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
}
const inputs = Array.from(grilleForm.querySelectorAll('input[type="text"]'));
let largeur = Number(colonnes.value);
let nb_cases = inputs.length;
let index = 0;
inputs.forEach((input) => {
input.index = index++;
input.x = input.index % largeur;
input.y = Math.floor(input.index / largeur);
inputs.forEach(input => {
input.index = index++;
input.onfocus = function (event) {
for (li of document.querySelectorAll(`.definitions.horizontales > ol > li:nth-child(${input.y+1}), .definitions.verticales > ol > li:nth-child(${input.x+1})`)) {
li.classList.add("selectionee")
}
for (li of document.querySelectorAll(`.definitions.horizontales > ol > li:not(:nth-child(${input.y+1})), .definitions.verticales > ol > li:not(:nth-child(${input.x+1}))`)) {
li.classList.add("non-selectionee")
}
input.select();
};
input.onfocus = function (event) {
input.select();
};
input.onkeydown = function (event) {
next_input = null;
switch (event.key) {
case "ArrowUp":
next_input = inputs[(input.index - largeur + nb_cases) % nb_cases];
break;
case "ArrowDown":
next_input = inputs[(input.index + largeur) % nb_cases];
break;
case "ArrowLeft":
next_input = inputs[(input.index - 1 + nb_cases) % nb_cases];
break;
case "ArrowRight":
next_input = inputs[(input.index + 1) % nb_cases];
break;
}
if (next_input) {
next_input.focus();
next_input.select();
event.preventDefault();
}
};
input.onkeydown = function (event) {
next_input = null;
switch (event.key) {
case 'ArrowUp':
next_input = inputs[(input.index - largeur + nb_cases) % nb_cases];
break;
case 'ArrowDown':
next_input = inputs[(input.index + largeur) % nb_cases];
break;
case 'ArrowLeft':
next_input = inputs[(input.index - 1 + nb_cases) % nb_cases];
break;
case 'ArrowRight':
next_input = inputs[(input.index + 1) % nb_cases];
break;
input.oninput = function (event) {
this.value = this.value.toUpperCase();
if (!input.checkValidity()) {
input.value = "";
}
if (
inputs.every((input) => input.value.length == 1) &&
grilleForm.checkValidity()
) {
sha256(inputs.map((input) => input.value).join("")).then((hash) => {
if (hash == solution_hashee.value) {
if (confirm("Bravo ! \nUne nouvelle partie ?")) {
grilleForm.submit();
}
}
if (next_input) {
next_input.focus();
next_input.select();
event.preventDefault();
}
};
});
}
};
input.oninput = function (event) {
this.value = this.value.toUpperCase();
if (!input.checkValidity()) {
input.value = '';
}
if (inputs.every(input => input.value.length == 1) && grilleForm.checkValidity()) {
sha256(inputs.map(input => input.value).join('')).then(hash => {
if (hash == solution_hashee.value) {
if (confirm('Bravo ! \nUne nouvelle partie ?')) {
grilleForm.submit();
}
}
});
}
};
input.onblur = function (event) {
for (li of document.querySelectorAll(`.definitions.horizontales > ol > li:nth-child(${input.y+1}), .definitions.verticales > ol > li:nth-child(${input.x+1})`)) {
li.classList.remove("selectionee")
}
for (li of document.querySelectorAll(`.definitions.horizontales > ol > li:not(:nth-child(${input.y+1})), .definitions.verticales > ol > li:not(:nth-child(${input.x+1}))`)) {
li.classList.remove("non-selectionee")
}
};
});