Ga naar inhoud
Log in om dit te volgen  
vinceyka

.Innerhtml Steen papier schaar.

Aanbevolen berichten

Eerder probleem is inmiddels opgelost! REST NOG NIET

Klik om de spoiler te openen


Nu heb ik nog een vraag...
Hoe kan ik er voor zorgen dat er een pop-up scherm komt wanneer iemand gewonnen heeft?
Op dit scherm moet je kunnen klikken op een knop waarop staat "Speel Opnieuw"
Als je wint staat er "Gefeliciteerd je hebt gewonnen", Als je verliest "Je hebt verloren"

Ik heb nu dit:

Codeblok (voorbeeld.js):
1
2
3
4
5
6
function winner (){
        if(computerScore == 3){
        }
        else if(playerScore == 3){
            
        }


Als ik dit doe dan stopt ie r helemaal mee
Codeblok:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function winner (){
        if(computerScore == 3) {
            
        var opnieuwSpelen = confirm("De computer heeft gewonnen!");    
        if (opnieuwSpelen == true) {
            x = "Probeer opnieuw!";
            document.location.href="index.html";
        }
            
        } else if(playerScore == 3) {
        
        var opnieuwSpelen = confirm("Je hebt gewonnen!");    
        if (opnieuwSpelen == true) {
        x = "Speel nog een keer!";
        document.location.href="index.html";
    }


maar loop verder vast!

Deel dit bericht


Link naar bericht
Delen op andere sites
jQuery library eraan toevoegen.
En wanneer je dat gedaan hebt, zou ik alles wat geladen moet worden op de pagina in $(function() {}); zetten en dan:
Codeblok:
1
2
3
4
5
6
7
8
9
10
11
12
$(function() {
    $(#steenpapierschaarknop).click(function() {
        steenpapierschaarresult = 1;
        if(steenpapierschaarresult == 1) {
            playerScore++;
            $(#playerScore).text(playerScore);
        } else {
            computerScore++;
            $(#computerScore).text(computerScore);
        }
    })
});


Maar zo zou ik het doen smiley

of gewoon:
Codeblok:
1
2
document.getElementById(playerScore).innerHTML = playerScore;
document.getElementById(computerScore).innerHTML = computerScore;

Deel dit bericht


Link naar bericht
Delen op andere sites
Als je goede inspringing gebruikt, ziet je code er als volgt uit:

Codeblok (voorbeeld.php):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function winner (){
    if(computerScore == 3) {
        
        var opnieuwSpelen = confirm("De computer heeft gewonnen!");
        if (opnieuwSpelen == true) {
            x = "Probeer opnieuw!";
            document.location.href="index.html";
        }
        
    } else if(playerScore == 3) {
    
        var opnieuwSpelen = confirm("Je hebt gewonnen!");    
        if (opnieuwSpelen == true) {
            x = "Speel nog een keer!";
            document.location.href="index.html";
        }


Nu vallen mij de volgende dingen op:
  • Je mist twee sluitende accolades aan het eind
  • Je maakt variabele x nergens aan


Je kunt overigens de Ok/Cancel niet aanpassen in de javascript confirm. Als je echt Speel nog een keer wilt als knop, dan kun je jQuery dialogs gebruiken. Je kunt ook de text in de confirm message aanpassen naar iets als: Je hebt gewonnen! Wil je nog een keer spelen?

@Vinceyka

Deel dit bericht


Link naar bericht
Delen op andere sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gast
Reageer op dit topic...

×   Geplakt als RTF formaat tekst.   Plak in plaats daarvan als platte tekst

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

Log in om dit te volgen  

×
×
  • Nieuwe aanmaken...