Lamurire afisare continut cu document.write

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
crissti777
Mesaje:21

Lamurire afisare continut cu document.write

Am creat scriptul urmator:

Cod: Selectaţi tot

<html>
    <head>
        <title>   </title>
    </head>
    <body bgcolor="#00ffff"> 

<script type="text/javascript">
function arunca() { 
    var  unu = Math.floor(6*Math.random()) + 1;
    var  doi = Math.floor(6*Math.random()) + 1;
	
    if ( unu == 1){ 
        if ( doi == 1){ 
            document.write("<img src='unu.png' width='50px' height='45px'></img>");
            document.write("<img src='unu.png' width='50px' height='45px'></img>");
	    }
        else if ( doi == 2){ 
            document.write("<img src='unu.png' width='50px' height='45px'></img>");
            document.write("<img src='doi.png' width='50px' height='45px'></img>");
        }
        else if ( doi == 3){ 
            document.write("<img src='unu.png' width='50px' height='45px'></img>");
            document.write("<img src='trei.png' width='50px' height='45px'></img>");
        }

    //   etc...

	else if ( doi == 5){ 
            document.write("<img src='sase.png' width='50px' height='45px'></img>");
            document.write("<img src='cinci.png' width='50px' height='45px'></img>");
        }
	else if ( doi == 6){ 
            document.write("<img src='sase.png' width='50px' height='45px'></img>");
            document.write("<img src='sase.png' width='50px' height='45px'></img>");
        }	
   }
}
</script>
			
            <input type='button' onclick='arunca()' value="Apasa!!" />
        </div>
		
    </body>
</html>
De cate ori apas butonul "apasa" pozele de la document.write le afiseaza pe o pagina goala, alba. Desi am dat culoare albastra body-ului, aceasta impreuna cu butonul dispar si afiseaza pozele de la rezultatul corespunzator :(

Ce ar fi de facut??
Acuma nici eu nu stapanesc bine java script dar nici nu vreau sa il studiez in amanunt pt ca deja ma ocup de php si m-as ingreuna prea mult :geek: puteam sa fac scriptul in php dar am vrut sa evit reincarcarea pagini la apasarea butonului.

Multumesc!!
MarPlo Mesaje:4343
Salut
Instructiunea "document.write" rescrie documentul, pierzandu-se codul initial.
Pentru adaugare continut cu javascript in document html, este indicat folosirea lui: innerHTML ori /si insertAdjacentHTML() .
- Vezi la punctul "5. innerHTML" din lectia: Lucrul cu getElementById si: insertAdjacentHTML - Insert content at a specified position .

Subiecte similare