WORD AND PICTURE GAME

Tuesday, 27 June 2017

WORD AND PICTURE GAME

--------------------------------------------------------------------------------------------------------------
Associate Word And Corresponding Image Game
https://www.google.co.uk/search?q=associate+word+and+corresponding+image+game&rlz=1C1_____enGB747GB747&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiL6-fL8d3UAhViL8AKHZPOCxEQ_AUICigB&biw=1164&bih=631
https://au.pinterest.com/pin/38562140542641523/
http://wow.boomlearning.com/deck/synonyms-game-visuals--word-included-grammar-activities-8FACLq4AXyPdYDne5
BUTTON VALUE SWAP GAME
https://fbgadgets.blogspot.com/2018/12/input-button-value-swap.html
--------------------------------------------------------------------------------------------------------------
USEFUL IMAGES
--------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------
CODE:
--------------------------------------------------------------------------------------------------------------

<html>

<HEAD>

<TITLE>Quelques WordsArray</TITLE>

#Buttons {

font-size: 12pt;

color: white;

font-family: sans-serif;

background: #006600;

border-top-width: 0;

border-bottom-width: 0;

border-left-width: 0;

border-right-width: 0;

width: 120px;

}

#bases {

font-size: 12pt;

font-family: sans-serif;

color: #006600;

background: white;

border-top-width: 0;

border-bottom-width: 0;

border-left-width: 0;

border-right-width: 0;

width: 120px;

}

#Errors {

font-size: 10pt;

font-weight: bold;

color: #FF6633;

background: #006600;

border-top-width: 0;

border-bottom-width: 0;

border-left-width: 0;

border-right-width: 0;

}

</style>

</HEAD>

var WordsArray=new Array ("Cherries","Apples","Pears","Kiwis","Bananas","Oranges","Apricots","Strawberries","Plums");

var TotalArray= new Array(10);

var ButtonArray= new Array(10);

var ButtonArray2= new Array(10);

//charger "gagné"

var WinArray = new Array(5);

for (i=0; i<=4; i++) {

WinArray[i]= new Image;

WinArray[i].src="http://jeux.lulu.pagesperso-orange.fr/img/gagne"+i+".gif";

}

var EmptyArray=new Array("","","");

//Test=0 joueur a la main; =1 non

var Test=1;

var Time=0;

function depart() {

Test=1;

ForMakes=9;

document.Forms.Message.value="";

for (i=1; i<=9; i++) {

document.images["Make"+i].src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcPLoQD7mVai6foCJ8Ldc4gxTaIgt-anRbCDB0uRnpS-L_q21SNATESIW8v3WR990ruQAwZeyiLKoaHGX2EbW8iyZ-da1fh-ZFK9HejDRsYDwGYAVkqisQbWpx3cX5ZoRRZB4uD9H5ugmu/s1600/fond.gif";

document.Forms.elements["Button"+i].value=" ";

document.Forms.elements["base"+i].value=" ";

}

//effacer tableau gagné

for (i=0; i<=4; i++) {document.images["gagne"+i].src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcPLoQD7mVai6foCJ8Ldc4gxTaIgt-anRbCDB0uRnpS-L_q21SNATESIW8v3WR990ruQAwZeyiLKoaHGX2EbW8iyZ-da1fh-ZFK9HejDRsYDwGYAVkqisQbWpx3cX5ZoRRZB4uD9H5ugmu/s1600/fond.gif";}

numJeu=1;

melange();

nbErrors=0;

document.Forms.elements["Errors"].value="Number Of Errors : 0";

// =0 rien de sélectionné; !=0 numéro base sélectionné;

EmptyArray=0;

compteur=0;

Test=0;

}

function melange() {

for (i=1; i<=9; i++) {

TotalArray[i]=i;

ButtonArray[i]=i;

ButtonArray2[i]=0;

}

for (i=1; i<=ForMakes; i++) {

Var2 = Math.floor(Math.random()*9)+1;

Var1=Var2;

while (Var1==Var2) {Var1 = Math.floor(Math.random()*9)+1;}

y=TotalArray[Var2];

TotalArray[Var2]=TotalArray[Var1];

TotalArray[Var1]=y;

}

for (i=1; i<=ForMakes; i++) {

Var2 = Math.floor(Math.random()*9)+1;

Var1=Var2;

while (Var1==Var2) {Var1 = Math.floor(Math.random()*9)+1;}

y=ButtonArray[Var2];

ButtonArray[Var2]=ButtonArray[Var1];

ButtonArray[Var1]=y;

}

for (i=1; i<=ForMakes; i++) {

document.images["Make"+i].src="http://jeux.lulu.pagesperso-orange.fr/img/memoirei/mFruits/image"+TotalArray[i]+".gif";

document.Forms.elements["Button"+i].value=" ";

document.Forms.elements["base"+i].id="bases";

document.Forms.elements["base"+i].value=WordsArray[ButtonArray[i]-1];

}

function Click(x) {

if (Test==0 && document.Forms.elements["base"+x].value!=" ") {

EmptyArray=x;

for (i=1; i<=ForMakes; i++) {

if (document.Forms.elements["base"+i].value!=" ") {

document.Forms.elements["base"+i].id="bases";

document.Forms.elements["base"+i].value=WordsArray[ButtonArray[i]-1];

}

document.Forms.elements["base"+x].id="Buttons";

}

function clique(x) {

if (Test==0) {

Test=1;

if (EmptyArray==0) {

if ( document.Forms.elements["Button"+x].value!=" " ) {

for (i=1; i<=ForMakes; i++) {

if (document.Forms.elements["base"+i].value==" ") {

document.Forms.elements["base"+i].id="bases";

ButtonArray[i]=ButtonArray2[x];

document.Forms.elements["base"+i].value=" "+WordsArray[ButtonArray[i]-1]+" ";

document.Forms.elements["Button"+x].value=" ";

ButtonArray2[x]=0;

break;

}

Test=0;

} else {

if ( document.Forms.elements["Button"+x].value==" " ) {

document.Forms.elements["base"+EmptyArray].value=" ";

document.Forms.elements["Button"+x].value=WordsArray[ButtonArray[EmptyArray]-1];

ButtonArray2[x]=ButtonArray[EmptyArray];

ButtonArray[EmptyArray]=0;

//fin ?

n=0;

for (i=1; i<=ForMakes; i++) {

if (ButtonArray2[i]==0) {

n=1;

break;

}

if (n==0) {

Test=1;

//vérifier si bon

nn=0;

for (i=1; i<=ForMakes; i++) {

if (ButtonArray2[i]!=TotalArray[i]) {

compteur+=1;

nn=1;

document.Forms.elements["Button"+i].value=" ";

document.Forms.elements["Errors"].value="Number Of Errors : "+compteur;

remettreG(i);

}

if (nn==0) {

gagnperd("gagne");

Time+=1;

document.Forms.Message.value=Time+" fois";

} else {

Test=0;

}

} else {

Test=0;

}

} else {

n=ButtonArray2[x];

document.Forms.elements["Button"+x].value=WordsArray[ButtonArray[EmptyArray]-1];

ButtonArray2[x]=ButtonArray[EmptyArray];

ButtonArray[EmptyArray]=n;

document.Forms.elements["base"+EmptyArray].id="bases";

document.Forms.elements["base"+EmptyArray].value=WordsArray[ButtonArray[EmptyArray]-1];

Test=0;

}

EmptyArray=0;

}

function remettreG(x) {

for (j=1; j<=ForMakes; j++) {

if (document.Forms.elements["base"+j].value==" ") {

document.Forms.elements["base"+j].id="bases";

ButtonArray[j]=ButtonArray2[x];

document.Forms.elements["base"+j].value=WordsArray[ButtonArray[j]-1];

document.Forms.elements["Button"+x].value=" ";

ButtonArray2[x]=0;

break;

}

function gagnperd(x) {

for (i=0; i<=4; i++) {

document.images["gagne"+i].src=WinArray[i].src;

}

</script>

<td>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

</td>

</tr>

</tbody></table>

</center>

</td>

<p></p>

</td>

<td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

</tbody></table>

</center>

</td>

</tr>

</tbody></table>

<br>

<hr>

</td>

</td>

<p></p>

</td>

<center><a href="#" onclick="sommair();return false"><font color="#FFFFFF"><b>SOMMAIRE</b></font></a><font color="#FFFFFF"><b><br>

</b></font><a href="#aide" onmouseover="self.status=''; return true"><font color="#FFFFFF">Aide</font></a></center>

</td>

</td>

</tr>

<tr>

</td>

<p></p>

</td>

<p></p>

</td>

</tr>

</tbody></table>

<hr>

</center>

<ul><li><b>The Object of the Game</b> <ul><li>Match the words with the correct images.</li></ul></li><li><b>How to Play the Game</b><ul><li style="color:Red; border-style: solid;

border-color: #0000ff;">First, click on a word, then click on the image that you think matches that word.</li><li>That word will then be listed under the image whether it is correct or not.</li><li>When you have finished matching words with the images, all the wrong matches will go back to the list and the number of errors will be shown.</li><li>If you have made some mistakes, try matching those words again.</li><li>When you have correctly matched all of the pairs, the game is over.</li></ul></li><li><b>How to Play the Game - More Details</b><ul><li>You may replace any word under an image, by clicking on a new word, then clicking the image.</li><li>You may remove any word by clicking on the image above that word.</li></ul></li></ul>

</body>

</HTML>

FbGadgets

Tuesday, 27 June 2017

WORD AND PICTURE GAME

0 comments:

Post a Comment

SPONSORS ❤ ☕ ❀ ✿ ❁ ✾ ✽ ❃ ❋

RANDOM POST

RANDOM

RECENT POST MULTI COLOR

Learning Codes

Labels

RECENT COMMENTS AVATAR