www.webdeveloper.com
Results 1 to 4 of 4

Thread: Need Help With Uncaught Reference Error

  1. #1
    Join Date
    Mar 2014
    Posts
    3

    Need Help With Uncaught Reference Error

    The code below is my playing around with javascript in order to learn it. I am teaching myself. The code gives two errors, Uncaught SyntaxError on line 24 and uncaught reference error on line 12. I cannot find the error on my own, it seems like it should work. Can someone please help.


    <!DOCTYPE html>
    <html>
    <head>
    <title>Second Paragraph Practice</title>
    </head>
    <body>

    <p id = "display">You walk through a dark and empty forest only to find, after a few hours, a ferocious tiger intending to

    make a meal of you.</p>

    <input type = "text" id = "Player_actions" value = "Type your actions here.">

    <button onclick = "actions()"> Perform Action </button>

    <script>
    function actions()
    {
    var choice = 0;
    var player_actions = document.getElementById("Player_actions");
    var display = document.getElementById("display");

    if (player_actions == "fight") {choice = 1;}

    switch(choice)
    case 0:
    display.textContent = "You need to type fight to do battle with the beast."; break;
    case 1:
    display.textContent = "You leap onto the tigers back and begin to pound on the creature."; break;

    }
    </script>

    </body>
    </html>

  2. #2
    Join Date
    Mar 2014
    Posts
    3
    Uncaught SyntaxError: Unexpected token case paragraph_practice_2.html:24
    Uncaught ReferenceError: actions is not defined paragraph_practice_2.html:12
    onclick paragraph_practice_2.html:12

  3. #3
    Join Date
    Oct 2013
    Posts
    547
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Second Paragraph Practice</title>
    </head>
    <body>
    
    <p id = "display">You walk through a dark and empty forest only to find, after a few hours, a ferocious tiger intending to 
    
    make a meal of you.</p>
    
    <input type = "text" id = "Player_actions" value = "Type your actions here.">
    
    <button onclick = "actions()"> Perform Action </button>
    
    <script>
    function actions()
    {
    var choice = 0;
    var player_actions = document.getElementById("Player_actions");
    var display = document.getElementById("display");
    
    if (player_actions == "fight") {choice = 1;}
    
    switch(choice){
    case 0: 
    display.textContent = "You need to type fight to do battle with the beast."; break;
    case 1: 
    display.textContent = "You leap onto the tigers back and begin to pound on the creature."; break;
    }
    }
    </script>
    
    </body>
    </html>
    Highlighted in red.

  4. #4
    Join Date
    Mar 2014
    Posts
    3

    Solved thanks

    Thank you it works fine now, after I followed you suggestions.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles