javascript - jeu de couleurs

Transcription

J AVA S C R I P T (Programmation Internet)
Po u r D é b u t e r
J.B. Dadet DIASOLUKA Luyalu Nzoyifuanga
+243 - 851278216 - 899508675 - 995624714 - 902263541 - 813572818
[email protected]
Voici un petit jeu vous demandant de lire ou de donner le nom d’une couleur mal identifiée :
<style>
<!-span {
font-family:tahoma;font-size:23;font-weight:900;
border:solid 2;padding:1 5;line-height:1.5
}
//-->
</style>
<script type="text/javascript"> "use strict";
<!-var cptr=0,listelm=[];
const colors=[
"black","navy","crimson","red","green",
"blue","cyan","yellow","orange","brown",
"magenta","violet","purple","indigo"
];
const ncolors=colors.length;
document.write(
`<fieldset style=`+
`'border: solid 2;background:#A6AFA0'>`+
`<div>(I). LISEZ les noms des couleurs `+
`affichées.</div>`);
for(let k=0,n=ncolors*5;k<n;k++) {
let c=Math.floor(Math.random()*ncolors);
listelm[cptr++]=colors[c];
document.write(
`<span style='color:${colors[c]}'>`+
`${colors[c]} </span>`
J.D.B. DIASOLUKA Nz. Luyalu
);
}
JavaScript Tome-II
document.write(
`<hr>(II). <fieldset style='background:#9F9690'>`
);
for(let k=0;k<ncolors;k++) {
let c=Math.floor(Math.random()*ncolors);
let n=Math.floor(Math.random()*ncolors);
document.write(
`${colors[n].toUpperCase()} </span>`
);
}
document.write(
`</fieldset><div>(1). Indiquez les <u>NOMS</u> `+
`DE COULEUR qui manquent dans cette section `+
`vs celle d'au-dessus.<br>`+
`(2). Indiquez aussi les <u>COULEURS</u> qui `+
`manquent dans cette section vs la section `+
`d'en haut.</div></fieldset>`);
(function(){
var indivelm=[],nindivelm=0;
const listlength=listelm.length;
let exist;
for(let l=0;l<listlength;l++){
exist=0;
for(let i=0,il=indivelm.length;i<il;i++){
if(indivelm[i]===listelm[l]) {
exist=1;break;
}
}
if(!exist)indivelm[nindivelm++]=listelm[l];
}
document.write(
"(III). Les ${ncolors} Couleurs de départ : <br>");
for(let k=0;k<ncolors;k++)
document.write(
`<span style=`+
`'color:${colors[k]}'>${colors[k]} </span>`
);
Palettes couleurs Hexa
- 2 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
document.write(`<hr>(IV). Les ${nindivelm} Couleurs `+
`individuelles de la liste (I) d'en haut : <br>`
);
for(let k=0;k<nindivelm;k++)
document.write(
`<span style='color:${indivelm[k]}'>`+
`${indivelm[k]} </span>`
);
if(ncolors!==nindivelm)
document.write(
`<br>(3). Retrouvez la/les couleur(s) qui `+
`manque(nt) dans (IV) vs (III).`);
})(listelm);
//-->
</script>
- 3 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
Une autre version de ce programme :
<style>
<!-span {
font-weight:900;border:solid 2;padding:5;
font-size:25;line-height:1.5
}
//-->
</style>
<!-var lc=[],
colors=[
],
cl=colors.length;
document.write(
`<fieldset style='border:solid 2;`+
`background:#969F90'>`+
`<div>LISEZ <u>les noms</u> des `+
`couleurs affichées.</div>`
);
let cptr=0;
for(let k=0,n=cl*5;k<n;k++) {
let c=Math.floor(Math.random()*cl);
lc[cptr++]=colors[c];
document.write(
- 4 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
colors[c]+
` </span>`);
}
document.write("<hr>");
for(let k=0;k<cl;k++) {
let c=Math.floor(Math.random()*cl);
let n=Math.floor(Math.random()*cl);
document.write(
`${colors[n].toUpperCase()} </span>`
);
}
document.write(
`<div>Indiquez aussi les couleurs qui manquent `+
`dans cette section vs la section d'en haut.`+
`</div></fieldset>`
);
(function(){
let dc=[],cc=0;
dc[0]=lc[0];
const cl2=lc.length;
let exist;
for(let a=0;a<cl2;a++){
exist=0;
for(let p=0;p<dc.length;p++){
if(dc[p]===lc[a]) {
exist=1;break;
}
}
if(!exist) dc[++cc]=lc[a];
}
document.write(
`Les ${cl} Couleurs de départ : <br>`
);
for(let k=0;k<cl;k++)
document.write(
`<span style='color:${colors[k]}'>`+
`${colors[k]} </span>`
);
document.write(
`<hr>Les ${++cc}` +
` Couleurs individuelles de la liste `+
- 5 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
`d'en haut : <br>`
);
for(let k=0;k<cc;k++)
document.write(
`<span style='color:${dc[k]}'>`+
`${dc[k]} </span>`
);
})();
//-->
</script>
- 6 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
Une autre variante de ce programme:
<style>
<!-span {
}
//-->
</style>
<script type="text/javascript"> "use strict"
<!-var cptr=0,listelm=new Array();
const colors=[
];
document.write(
"<fieldset style='border:solid
2;background:#A6AFA0'>"+
"<u>LISEZ</u> les noms des couleurs affichées."+
"<div>(I).</div>"
);
const c=Math.floor(Math.random()*ncolors)
listelm[cptr++]=colors[c]
document.write(
"<span style='color:"+colors[c]+"'>"+colors[c]+
" </span>")
- 7 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
}
document.write(
"<hr>(II). Donnez LE NOM de la couleur :"+
"<fieldset style='background:#9F9690'>"
)
const n=Math.floor(Math.random()*ncolors)
document.write(
"<span style='color:"+colors[c]+"'>"+
colors[n].toUpperCase()+" </span>")
}
document.write(
"</fieldset><div>(1). Indiquez les noms de couleur "+
"qui manquent dans cette section vs celle "+
"d'au-dessus.<br>(2). Indiquez aussi les couleurs "+
"qui manquent dans cette section vs la section d'en "+
"haut.</div></fieldset>"
);
(function(){
var indivelm=new Array(),nindivelm=0;
if(exist(listelm[l],indivelm)==-1)
indivelm[nindivelm++]=listelm[l];
}
document.write(
"<hr>(III). Les "+ncolors+" Couleurs de départ :"+
"<br>");
document.write(
"<span style='color:"+colors[k]+"'>"+
colors[k]+" </span>"
);
document.write(
"<hr>(IV). Les "+ nindivelm +
" Couleurs individuelles de la liste (I) "+
"d'en haut :<br>");
document.write(
"<span style='color:"+indivelm[k]+"'>"+
indivelm[k]+" </span>"
- 8 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
);
if(ncolors!=nindivelm)
document.write(
"<br>(3). Retrouvez la/les couleur(s) "+
"qui manque(nt) dans (IV) vs (III).");
})(listelm);
function exist(el,list){
var exist=0,p;
for(let p=0,ll=list.length;p<ll;p++){
if(el==list[p]) {
exist=1;break;
}
}
if(exist)return p;
else return -1;
}
//-->
</script>
- 9 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
Une variante de ce jeu [d’esprit] :
<style>
<!-span {
}
//-->
</style>
<script type="text/javascript"> "use strict"
<!-var cptr=0,listelm=new Array();
const colors=[
];
document.write(
`<fieldset style=`+
`'border:solid 2;background:#A6AFA0'>`+
- 10 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
`<u>LISEZ</u> les noms des couleurs affichées.`+
`<div>(I).</div>`
);
listelm[cptr++]=colors[c]
document.write(
`${colors[c].toUpperCase()} </span>`)
}
document.write(
"<hr>(II). <fieldset style='background:#9F9690'>"
)
const n=Math.floor(Math.random()*ncolors)
document.write(
"<span style='color:"+colors[c]+"'>"+
colors[n]+" </span>")
}
document.write(
"</fieldset><div>(1). Indiquez les noms de couleur "+
"qui manquent dans cette section vs celle "+
"d'au-dessus.<br>(2). Indiquez aussi les couleurs "+
"qui manquent dans cette section vs la section d'en "+
"haut.</div></fieldset>"
);
(function(){
var indivelm=new Array(),nindivelm=0;
if(exist(listelm[l],indivelm)==-1)
indivelm[nindivelm++]=listelm[l];
}
document.write(
"<hr>(III). Les "+ncolors+" Couleurs de départ :"+
"<br>");
document.write(
"<span style='color:"+colors[k]+"'>"+
colors[k]+" </span>"
);
- 11 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
document.write(
"<hr>(IV). Les "+ nindivelm +
" Couleurs individuelles de la liste (I) "+
"d'en haut :<br>");
document.write(
"<span style='color:"+indivelm[k]+"'>"+
indivelm[k]+" </span>"
);
if(ncolors!=nindivelm)
document.write(
"<br>(3). Retrouvez la/les couleur(s) "+
"qui manque(nt) dans (IV) vs (III).");
})(listelm);
function exist(el,list){
var exist=0,p;
for(let p=0,ll=list.length;p<ll;p++){
if(el==list[p]) {
exist=1;break;
}
}
if(exist)return p;
else return -1;
}
//-->
</script>
- 12 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
Enfin :
<style>
<!-span {font-weight:900;border:solid 2;padding:5;fontsize:33;line-height:1.5}
//-->
</style>
<!-Palettes couleurs Hexa
- 13 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
const colors=[
"black","crimson","red","green","blue",
"yellow","brown","cyan","magenta",
"violet","purple","navy","indigo","orange"
];
const cl=colors.length;
document.write(
`<div>LISEZ les couleurs affichées.</div>`
)
document.write(`<span style='color:${colors[k]}'>`
+`${colors[k]} </span>`
)
}
document.write("<br><br><hr><br>");
let s=
Math.round(Math.random()*1)%2
? "DONNEZ"
: "LISEZ";
s+=" le <u>NOM</u> de la couleur :<br>";
document.write(`${s}`);
let c=Math.floor(Math.random()*cl),
n=Math.floor(Math.random()*cl);
document.write(
`${colors[n].toUpperCase()} </span>`);
}
document.write(
`<div><hr>Indiquez aussi les couleurs qui `+
`manquent dans cette section vs la section `+
`d'en haut.</div>`);
//-->
</script>
- 14 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
Kinshasa, le jeudi 4 avril 2019 - 10:47:21 PM
Mots-clés :
Jeu de couleurs, couleurs HTML aléatoires, échantillon. Balises,
div, styles, font-family, width, height, attribut, getElementById,
array, digits hexadécimaux, accès indexé, éléments, chaîne de
caractères, notation hexadécimale, nombres, méthodes, substring, substr, objet, String, innerHTML, padEnd, fonction eval
- 15 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
DIASOLUKA Nz. Luyalu
Docteur en Médecine, Chirurgie & Accouchements (1977),
CNOM : 0866 - Spécialiste en ophtalmologie (1980)
Études humanités : Scientifique - Mathématiques & Physique.
Informaticien-amateur, Programmeur et WebMaster.
Chercheur indépendant, autonome et autofinancé, bénévole, sans
aucun conflit d’intérêt ou liens d'intérêts ou contrainte
promotionnelle avec qui qu’il soit ou quelqu’organisme ou
institution / organisation que ce soit, étatique, paraétatique ou privé,
industriel ou commercial en relation avec le sujet présenté.
+243 - 851278216 - 899508675 - 991239212 - 902263541 - 813572818
[email protected]
Autre Lecture :
https://www.scribd.com/document/374738470/Le-Plus-Grand-Secret-de-LaCreation
D’autres publications pouvant aussi intéresser :
• https://www.scribd.com/document/377036251/Le-Dosage-DesMedicaments-en-Cac-Cas
• https://www.scribd.com/document/377035454/Le-Hasard-DesThermometres-Non-contact-a-Infrarouge
• https://www.scribd.com/document/376222482/Petite-IntroductionAux-Fonctions-JavaScript
• https://www.scribd.com/document/376221919/La-Foi-en-Jesus-ChristPour-Quoi-Faire
- 16 / 17 - jeudi, 4. avril 2019 (10:47 )
JavaScript Tome-II
• https://www.scribd.com/document/375689778/Lacuite-visuelleangulaire
• https://www.scribd.com/document/375349851/La-variable-This
• https://www.scribd.com/document/375024162/Fonctions-Imbriqueesen-JS
• https://www.scribd.com/document/374789297/Format-Interne-DesObjets-JavaScript
• https://www.scribd.com/document/374788758/Iterations-en-JavaScript
• https://www.scribd.com/document/374738470/Le-Plus-Grand-Secretde-La-Creation
• https://www.scribd.com/document/374597969/Nouvelle-Formule-dIMC-indice-de-doduite-Selon-Dr-Diasoluka
• https://www.scribd.com/document/373847209/Property-Descriptors
• https://www.scribd.com/document/373833282/l-Objet-Global-Window
• https://www.scribd.com/document/372665249/Javascript-Tome-II
• https://www.scribd.com/document/355291488/motilite-oculaire-2
• https://www.scribd.com/document/355291239/motilite-oculaire-I
• https://www.scribd.com/document/355290248/Script-d-Analyses-DesReflexes-Pupillomoteurs
• https://www.scribd.com/document/321168468/Renseignements-Id-etAnthropometriques
• https://www.scribd.com/document/320856721/Emission-31-Jul-2016
• https://www.scribd.com/document/318182982/Complication-Visuelledu-Traitement-de-La-Malaria
• https://www.scribd.com/document/318180637/Rapport-EntreOxymetrie-Et-Type-Respiration
• https://www.scribd.com/document/315746265/Classification-DesMedicaments
• https://www.scribd.com/document/315745909/IncongruencesHeresies-et-Heterodoxies-de-la-Notion-de-Laboratoire
• https://www.scribd.com/document/315745725/Rapport-EntreOxymetrie-Et-Type-Respiration
- 17 / 17 - jeudi, 4. avril 2019 (10:47 )

javascript - jeu de couleurs

Transcription

Documents pareils

BUREAU DESIGN BOIS

Cours de Math niveau collège

casse les prix, pas le service

LA CARTOGRAPHIE, MODE D`EMPLOI ! | LET`S DO IT FRANCE

United colors of Pognon, depuis 1991

Lundi 4 juillet - my best travel

Long-métrage - Découvrez les programmes INA

Fasermaler, Paper:Mate 44129 Feutres Colors for Teen, pochette de

TD TD –– Javascript

COLORS OF MONEY L`argent pile et face