Merge branch 'master' of https://git.etud.insa-toulouse.fr/blavigna/projet_prog_web
This commit is contained in:
Brunetto Marie
commit
888eca3698
2 changed files with 50 additions and 50 deletions
52
index.html
52
index.html
|
|
@ -71,37 +71,37 @@
|
|||
<div class="clavier">
|
||||
<div class="line1">
|
||||
<!--la fonction update sera la fonction qui écrit la lettre dans la grille quand on clique dessus-->
|
||||
<button type="button Q" onclick="update('Q')">Q</button>
|
||||
<button type="button W" onclick="update('W')">W</button>
|
||||
<button type="button E" onclick="update('E')">E</button>
|
||||
<button type="button R" onclick="update('R')">R</button>
|
||||
<button type="button T" onclick="update('T')">T</button>
|
||||
<button type="button Y" onclick="update('Y')">Y</button>
|
||||
<button type="button U" onclick="update('U')">U</button>
|
||||
<button type="button I" onclick="update('I')">I</button>
|
||||
<button type="button O" onclick="update('O')">O</button>
|
||||
<button type="button P" onclick="update('P')">P</button>
|
||||
<button type="button" id="Q" onclick="update('Q')">Q</button>
|
||||
<button type="button" id="W" onclick="update('W')">W</button>
|
||||
<button type="button" id="E" onclick="update('E')">E</button>
|
||||
<button type="button" id="R" onclick="update('R')">R</button>
|
||||
<button type="button" id="T" onclick="update('T')">T</button>
|
||||
<button type="button" id="Y" onclick="update('Y')">Y</button>
|
||||
<button type="button" id="U" onclick="update('U')">U</button>
|
||||
<button type="button" id="I" onclick="update('I')">I</button>
|
||||
<button type="button" id="O" onclick="update('O')">O</button>
|
||||
<button type="button" id="P" onclick="update('P')">P</button>
|
||||
</div>
|
||||
<div class="line2" style="padding-left: 22px;">
|
||||
<button type="button A" onclick="update('A')">A</button>
|
||||
<button type="button S" onclick="update('S')">S</button>
|
||||
<button type="button D" onclick="update('D')">D</button>
|
||||
<button type="button F" onclick="update('F')">F</button>
|
||||
<button type="button G" onclick="update('G')">G</button>
|
||||
<button type="button H" onclick="update('H')">H</button>
|
||||
<button type="button J" onclick="update('J')">J</button>
|
||||
<button type="button K" onclick="update('K')">K</button>
|
||||
<button type="button L" onclick="update('L')">L</button>
|
||||
<button type="button" id="A" onclick="update('A')">A</button>
|
||||
<button type="button" id="S" onclick="update('S')">S</button>
|
||||
<button type="button" id="D" onclick="update('D')">D</button>
|
||||
<button type="button" id="F" onclick="update('F')">F</button>
|
||||
<button type="button" id="G" onclick="update('G')">G</button>
|
||||
<button type="button" id="H" onclick="update('H')">H</button>
|
||||
<button type="button" id="J" onclick="update('J')">J</button>
|
||||
<button type="button" id="K" onclick="update('K')">K</button>
|
||||
<button type="button" id="L" onclick="update('L')">L</button>
|
||||
</div>
|
||||
<div class="line3">
|
||||
<button style="width:67px;" type="button" onclick="Enter()">ENTER</button>
|
||||
<button type="button Z" onclick="update('Z')">Z</button>
|
||||
<button type="button X" onclick="update('X')">X</button>
|
||||
<button type="button C" onclick="update('C')">C</button>
|
||||
<button type="button V" onclick="update('V')">V</button>
|
||||
<button type="button B" onclick="update('B')">B</button>
|
||||
<button type="button N" onclick="update('N')">N</button>
|
||||
<button type="button M" onclick="update('M')">M</button>
|
||||
<button type="button" id="Z"onclick="update('Z')">Z</button>
|
||||
<button type="button" id="X"onclick="update('X')">X</button>
|
||||
<button type="button" id="C"onclick="update('C')">C</button>
|
||||
<button type="button" id="V"onclick="update('V')">V</button>
|
||||
<button type="button" id="B"onclick="update('B')">B</button>
|
||||
<button type="button" id="N"onclick="update('N')">N</button>
|
||||
<button type="button" id="M"onclick="update('M')">M</button>
|
||||
<button style="width:68px;" type="button" onclick="Supprimer()">SUPPR</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
48
script.js
48
script.js
|
|
@ -43,25 +43,22 @@ function change_color_mid_letter(coord){
|
|||
case_div.style.backgroundColor = mid_letter_color;
|
||||
}
|
||||
|
||||
function key_color_good_letter(coord){
|
||||
coord = "case".concat(coord)
|
||||
console.log(coord)
|
||||
var case_div = document.getElementById(coord);
|
||||
case_div.style.backgroundColor = good_letter_color;
|
||||
function key_color_good_letter(key){
|
||||
console.log(key)
|
||||
var key_div = document.getElementById(key);
|
||||
key_div.style.backgroundColor = good_letter_color;
|
||||
}
|
||||
|
||||
function key_color_bad_letter(coord){
|
||||
coord = "case".concat(coord)
|
||||
console.log(coord)
|
||||
var case_div = document.getElementById(coord);
|
||||
case_div.style.backgroundColor = bad_letter_color;
|
||||
function key_color_bad_letter(key){
|
||||
console.log(key)
|
||||
var key_div = document.getElementById(key);
|
||||
key_div.style.backgroundColor = bad_letter_color;
|
||||
}
|
||||
|
||||
function key_color_mid_letter(coord){
|
||||
coord = "case".concat(coord)
|
||||
console.log(coord)
|
||||
var case_div = document.getElementById(coord);
|
||||
case_div.style.backgroundColor = mid_letter_color;
|
||||
function key_color_mid_letter(key){
|
||||
console.log(key)
|
||||
var key_div = document.getElementById(key);
|
||||
key_div.style.backgroundColor = mid_letter_color;
|
||||
}
|
||||
|
||||
function update(x) {
|
||||
|
|
@ -108,10 +105,15 @@ function verifLettres() {
|
|||
for(let i=0 ; i<5; i++){
|
||||
if(word[i]==reponse[i]){
|
||||
verif[i]=2;
|
||||
key_color_good_letter(word[i].toUpperCase());
|
||||
}
|
||||
else{
|
||||
if(reponse.includes(word[i])){
|
||||
verif[i]=1;
|
||||
key_color_mid_letter(word[i].toUpperCase());
|
||||
}
|
||||
else {
|
||||
key_color_bad_letter(word[i].toUpperCase());
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -177,13 +179,11 @@ function readTextFile(file) { //Merci StackOverflow
|
|||
function verifWord() {
|
||||
let exist = false;
|
||||
if (word.length == 5){
|
||||
for(let i = 0; i< arrWords.length;i++){
|
||||
if(arrWords[i]==word){
|
||||
exist = true;
|
||||
}
|
||||
else {
|
||||
document.getElementById("info").innerHTML="NOT A WORD";
|
||||
}
|
||||
if(arrWords.includes(word)){
|
||||
exist = true;
|
||||
}
|
||||
else {
|
||||
document.getElementById("info").innerHTML="NOT A WORD";
|
||||
}
|
||||
}
|
||||
return exist;
|
||||
|
|
@ -205,8 +205,8 @@ function setMyKeyDownListener() {
|
|||
else if (event.key == "Backspace") {
|
||||
Supprimer();
|
||||
}
|
||||
else if (event.key != "Control" & event.key != "Fn" & event.key != "Alt" & event.key != "Tab" & event.key != "CapsLock"){
|
||||
update(event.key);
|
||||
else if (["q","w","e","r","t","y","u","i","o","p","a","s","d","f","g","h","j","k","l","z","x","c","v","b","n","m"].includes(event.key)){
|
||||
update(event.key.toUpperCase());
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue