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

Maak een account aan of log in om te reageren

Je moet lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Maak een account aan in onze gemeenschap. Het is makkelijk!

Registreer een nieuw account

Aanmelden

Ben je al lid? Meld je hier aan.

Nu aanmelden
Log in om dit te volgen  

×