J AVA S C R I P T (Programmation Internet)

J.B. Dadet DIASOLUKA Luyalu Nzoyifuanga

+243 - 851278216 - 899508675 - 995624714 - 902263541 - 813572818
diasfb@mail2world.com

Voici un petit jeu vous demandant de lire ou de donner le nom d’une cou-
leur 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(
`<span style='color:${colors[c]}'>`+
`${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 / 18 - mardi, 22. janvier 2019 (7:39 )

 J.D.B. DIASOLUKA Nz. Luyalu 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>

Palettes couleurs Hexa - 3 / 18 - mardi, 22. janvier 2019 (7:39 )

 J.D.B. DIASOLUKA Nz. Luyalu 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>

<script type="text/javascript"> "use strict";

<!--
var lc=[],
colors=[
"black","navy","crimson","red","green",
"blue","cyan","yellow","orange","brown",
"magenta","violet","purple","indigo"
],
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(

Palettes couleurs Hexa - 4 / 18 - mardi, 22. janvier 2019 (7:39 )

J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II
`<span style='color:${colors[c]}'>`+
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(
`<span style='color:${colors[c]}'>`+
`${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 `+
Palettes couleurs Hexa - 5 / 18 - mardi, 22. janvier 2019 (7:39 )
 J.D.B. DIASOLUKA Nz. Luyalu 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>

Palettes couleurs Hexa - 6 / 18 - mardi, 22. janvier 2019 (7:39 )

 J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II

Une autre variante de ce programme:

<style>
<!--
span {
font-family:tahoma;font-size:21;font-weight:900;
border:solid 2;padding:1 5;line-height:1.5
}
//-->
</style>

<script type="text/javascript"> "use strict"

<!--
var cptr=0,listelm=new Array();
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'>"+
"<u>LISEZ</u> les noms des couleurs affichées."+
"<div>(I).</div>"
);
for(let k=0,n=ncolors*5;k<n;k++) {
const c=Math.floor(Math.random()*ncolors)
listelm[cptr++]=colors[c]
document.write(
"<span style='color:"+colors[c]+"'>"+colors[c]+
" </span>")
Palettes couleurs Hexa - 7 / 18 - mardi, 22. janvier 2019 (7:39 )
 J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II
}
document.write(
"<hr>(II). Donnez LE NOM de la couleur :"+
"<fieldset style='background:#9F9690'>"
)

for(let k=0;k<ncolors;k++) {
const c=Math.floor(Math.random()*ncolors)
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;
const listlength=listelm.length;
for(let l=0;l<listlength;l++){
if(exist(listelm[l],indivelm)==-1)
indivelm[nindivelm++]=listelm[l];
}
document.write(
"<hr>(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>"
);
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>"
Palettes couleurs Hexa - 8 / 18 - mardi, 22. janvier 2019 (7:39 )
 J.D.B. DIASOLUKA Nz. Luyalu 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>

Palettes couleurs Hexa - 9 / 18 - mardi, 22. janvier 2019 (7:39 )

 J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II

Une variante de ce jeu [d’esprit] :

<style>
<!--
span {
font-family:tahoma;font-size:21;font-weight:900;
border:solid 2;padding:1 5;line-height:1.5
}
//-->
</style>

<script type="text/javascript"> "use strict"

<!--
var cptr=0,listelm=new Array();
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'>`+
Palettes couleurs Hexa - 10 / 18 - mardi, 22. janvier 2019 (7:39 )
 J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II
`<u>LISEZ</u> les noms des couleurs affichées.`+
`<div>(I).</div>`
);
for(let k=0,n=ncolors*5;k<n;k++) {
const c=Math.floor(Math.random()*ncolors)
listelm[cptr++]=colors[c]
document.write(
`<span style='color:${colors[c]}'>`+
`${colors[c].toUpperCase()} </span>`)
}
document.write(
"<hr>(II). <fieldset style='background:#9F9690'>"
)

for(let k=0;k<ncolors;k++) {
const c=Math.floor(Math.random()*ncolors)
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;
const listlength=listelm.length;
for(let l=0;l<listlength;l++){
if(exist(listelm[l],indivelm)==-1)
indivelm[nindivelm++]=listelm[l];
}
document.write(
"<hr>(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 - 11 / 18 - mardi, 22. janvier 2019 (7:39 )
 J.D.B. DIASOLUKA Nz. Luyalu 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);

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>

Palettes couleurs Hexa - 12 / 18 - mardi, 22. janvier 2019 (7:39 )

 J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II

Enfin :

<style>
<!--
span {font-weight:900;border:solid 2;padding:5;font-
size:33;line-height:1.5}
//-->
</style>

<script type="text/javascript"> "use strict";

<!--

Palettes couleurs Hexa - 13 / 18 - mardi, 22. janvier 2019 (7:39 )

 J.D.B. DIASOLUKA Nz. Luyalu 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>`
)
for(let k=0;k<cl;k++) {
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}`);
for(let k=0;k<cl;k++) {
let c=Math.floor(Math.random()*cl),
n=Math.floor(Math.random()*cl);

document.write(
`<span style='color:${colors[c]}'>`+
`${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>

Palettes couleurs Hexa - 14 / 18 - mardi, 22. janvier 2019 (7:39 )

 J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II

Kinshasa, le mardi 22 janvier 2019 - 7:39:43 AM

Palettes couleurs Hexa - 15 / 18 - mardi, 22. janvier 2019 (7:39 )

 J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II
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

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

diasfb@mail2world.com

Autre Lecture :
https://www.scribd.com/document/374738470/Le-Plus-Grand-Secret-de-La-
Creation
Palettes couleurs Hexa - 16 / 18 - mardi, 22. janvier 2019 (7:39 )
 J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II
D’autres publications pouvant aussi intéresser :

• https://www.scribd.com/document/377036251/Le-Dosage-Des-
Medicaments-en-Cac-Cas
• https://www.scribd.com/document/377035454/Le-Hasard-Des-
Thermometres-Non-contact-a-Infrarouge
• https://www.scribd.com/document/376222482/Petite-Introduction-
Aux-Fonctions-JavaScript
• https://www.scribd.com/document/376221919/La-Foi-en-Jesus-Christ-
Pour-Quoi-Faire
• https://www.scribd.com/document/375689778/Lacuite-visuelle-
angulaire
• https://www.scribd.com/document/375349851/La-variable-This
• https://www.scribd.com/document/375024162/Fonctions-Imbriquees-
en-JS
• https://www.scribd.com/document/374789297/Format-Interne-Des-
Objets-JavaScript
• https://www.scribd.com/document/374788758/Iterations-en-JavaScript
• https://www.scribd.com/document/374738470/Le-Plus-Grand-Secret-
de-La-Creation
• https://www.scribd.com/document/374597969/Nouvelle-Formule-d-
IMC-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-Des-
Reflexes-Pupillomoteurs
• https://www.scribd.com/document/321168468/Renseignements-Id-et-
Anthropometriques
• https://www.scribd.com/document/320856721/Emission-31-Jul-2016
• https://www.scribd.com/document/318182982/Complication-Visuelle-
du-Traitement-de-La-Malaria
• https://www.scribd.com/document/318180637/Rapport-Entre-
Oxymetrie-Et-Type-Respiration
Palettes couleurs Hexa - 17 / 18 - mardi, 22. janvier 2019 (7:39 )
 J.D.B. DIASOLUKA Nz. Luyalu JavaScript Tome-II
• https://www.scribd.com/document/315746265/Classification-Des-
Medicaments
• https://www.scribd.com/document/315745909/Incongruences-
Heresies-et-Heterodoxies-de-la-Notion-de-Laboratoire
• https://www.scribd.com/document/315745725/Rapport-Entre-
Oxymetrie-Et-Type-Respiration

Palettes couleurs Hexa - 18 / 18 - mardi, 22. janvier 2019 (7:39 )