Discussion :

[Invité]

Bonjour à tous,

J'ai un projet à réaliser, il s'agit d'un casse briques.

Je dois réaliser l'affichage de briques aléatoirement dans les 50% haut d'une div qui est la "zone de jeux".
Je suppose qu’il faut déjà réaliser une boucle qui créer des div dans la div " zone de jeux", puis personnaliser ces div en css. Mais je n'ai pas la petite lumière qui permettrait de trouver le code.

Merci par avance de votre aide.

[Beginner.]

Salut,

Oui si tu en as plusieurs il serait judicieux d'utiliser une boucle...
Pour "fabriquer" des balises div (ou autres) il y a la fonction document.createElement(tagName[, options]);...

Le nombre de div à fabriquer est aléatoire c'est ça ? Il n'y a pas un min et un max ?
Et quelles doit être leurs position ?

[Invité]

Ma fonction est la suivant =>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function creerDIV(){
 
    for (i=0;i<5;i++){
    var MonDiv=document.getElementById('');
    MonDiv.setAttribute('name', 'name_myDIV');
    MonDiv.setAttribute('id', 'id_myDIV'+i);
    MonDiv.className = 'format_myDIV';
    MonDiv.innerHTML="div " +i;
    document.body.appendChild(MonDiv);
 
    for (j=0;j<8;j++){
    var MonDiv2=document.getElementById('ZonePopBlock');
    MonDiv2.setAttribute('name', 'name_myDIV');
    MonDiv2.setAttribute('id', 'id_myDIV'+j);
    MonDiv2.className = 'format_myDIV';
    MonDiv2.innerHTML="div " +j;
    document.body.appendChild(MonDiv2);
    }}
    }

Elle fonctionne et me push bien toutes mes div mais dans le body.
document.div.appendChild(MonDiv2);

En changeant comme-ceci les dernières lignes de chaque boucle rien n'est push dans la div que je souhaite. La est mon problème enfaite ....
Il faut que toutes mes briques que je fabrique aléatoirement soient contenu dans ma div qui à pour id="ZoneDeJeu".

Il faut aussi que je fixe un nombre de briques (div) par ligne => 8
et un nombre de ligne => 6

Je me suis mal exprimé mais c'est l'affichage ou non des briques dans la div="ZoneDeJeu" qui est aléatoire. On peut se retourner avec 15 briques n importe ou sur les 6 lignes de 8 briques, puis 32 puis 25 etc.... Mais je galère à concevoir un algo en Javascript sans utiliser canvas et autres plugin pour gérer tout ca.

Merci par avance de votre aide.

[Beginner.]

Désolé mais j'ai du mal à comprendre...

C'est quoi "MonDiv" ?

Déjà je ne crois pas que var MonDiv=document.getElementById(''); soit correct car il n'y pas de id...

[Invité]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function creerDIV(){
 
for (i=0;i<5;i++){
var MonDiv=document.getElementById('ZonePopBlock');
MonDiv.setAttribute('name', 'name_myDIV');
MonDiv.setAttribute('id', 'id_myDIV'+i);
MonDiv.className = 'format_myDIV';
MonDiv.innerHTML="div " +i;
document.body.appendChild(MonDiv);
 
for (j=0;j<8;j++){
var MonDiv2=document.getElementById('ZonePopBlock');
MonDiv2.setAttribute('name', 'name_myDIV');
MonDiv2.setAttribute('id', 'id_myDIV'+j);
MonDiv2.className = 'format_myDIV';
MonDiv2.innerHTML="div " +j;
document.body.appendChild(MonDiv2);
}}
}

'MonDiv' c'est une brique qui est créée à chaque itération
'ZonePopBlock' est la div dans laquelle doit être push toutes mes briques à la fin des deux boucles

Désole si je ne suis pas très claire, je vous avoue que je me suis perdu moi même sur ce programme .... j'ai vraiment du mal avec cette génération de bloque via JS puis de random.

[Beginner.]

'MonDiv' c'est une brique qui est créée à chaque itération

Ok dans ce cas il faut en revenir à ce que je disais : "Pour "fabriquer" des balises div (ou autres) il y a la fonction document.createElement(tagName[, options]);...".

Tu peux faire ça : var MonDiv = document.createElement("div");...

'ZonePopBlock' est la div dans laquelle doit être push toutes mes briques à la fin des deux boucles

Je croyais que les briques devaient être dans la div qui à pour id="ZoneDeJeu" ?

[Beginner.]

Il faut aussi que je fixe un nombre de briques (div) par ligne => 8
et un nombre de ligne => 6

Cela peut être n'importe quel nombre entre 0 et 8 et entre 0 et 6, ok mais comment sont fixé ces nombres ? D’après quelle règle ?