www.webdeveloper.com
Results 1 to 2 of 2

Thread: Need basic js help, how to get console

  1. #1
    Join Date
    Sep 2013
    Posts
    1

    Need basic js help, how to get console

    I just started learning at codecademy.com
    I wrote this code and wanted to post this half ass game on my website that is with HTML and CSS
    as you can see the code requires a console to show the console.logs
    how do I get this onto my webpage so people can see my game?

    confirm("Are you ready to start playing?")

    var age = prompt("What's your age?");

    if (age < 18) {
    console.log("You are allowed to play but I will take no responsibility.");
    }
    else {
    console.log("Have fun with the game!");
    }

    console.log("Snow White and Batman were hanging out at the bus stop, waiting to go to the shops. There was a sale on and both needed some new threads. You've never really liked Batman. You walk up to him.");

    console.log("Batman glares at you.");

    var userAnswer = prompt("Are you feeling lucky, punk?");

    if (userAnswer === "yes") {
    console.log("Batman hits you very hard. It's Batman and you're you! Of course Batman wins!");
    }
    else {
    console.log("You did not say yes to feeling lucky. Good choice! You are a winner in the game of not getting beaten up by Batman.");
    }

    var feedback = prompt("Thanks for playing! Please rate my game on a scale of 1 to 10!");

    if (feedback >= 7) {
    console.log("This is just the beginning of my game empire. Stay tuned for more!")
    }
    else {
    console.log("I slaved away at this game and you gave me that score?! The nerve! Just you wait!")
    }

  2. #2
    Join Date
    Jun 2008
    Posts
    106
    Quote Originally Posted by camstu15 View Post
    how do I get this onto my webpage so people can see my game?
    There's no right answer for this, but one way you could do it is have an HTML element that you can change the text of with JavaScript.


    HTML code:
    Code:
    <span id="info"></span>

    JavaScript code:

    Code:
    // grab the HTML element
    var element = document.getElementById('info');
    
    // then use the 'element' and its '.textContent' getter method to change your element's text
    element.textContent = 'Batman glares at you.';

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