www.webdeveloper.com
Results 1 to 2 of 2

Thread: Random Word Generator Coding Problems

  1. #1
    Join Date
    Jul 2014
    Posts
    3

    Angry Random Word Generator Coding Problems

    I used this and even tried again using the updated versions described in this post but I just cannot get it. I got it to work, multiple times, but instead of single words, I want it to give multiple word responses. Like, "a red rose" as a result or longer results (quotes) such as "Be yourself; everyone else is already taken".

    In addition, I'd like a word generator that will give me 3 results each time, but again, each result needs to be more than one word (like, "a red rose"). I can code for one word, but for some reason when I code for more than one, it all goes to hell.

  2. #2
    Join Date
    Oct 2013
    Posts
    483
    With some slight updating to the 2005 code, this should satisfy your first requirement:
    HTML Code:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>Random Phrases</title>
    <style>
    body {
    	text-align: center;
    	font-family: Arial, Helvetica, sans-serif;
    	}
    h1 {
    	font-size: 1.25em;
    	font-weight:bold;
    	color: #000066;
    }
    input {
    	font-size: 0.9em;
    	color: #000000;
    	border: 1px solid #000099;
    }
    p {
    	font-size: 1em;
    	font-weight:bold;
    	color: #0099CC;
    }
    </style>
    <script>
    var phrase = new Array;
    
    // Use the following variables to define your random phrases:
    phrase[0] = "a red rose";
    phrase[1] = "be yourself, everyone else is already taken";
    phrase[2] = "a stitch in time saves nine";
    
    function randomPhrase() {
    rnd = Math.round(Math.random()*2);	// IMPORTANT! the number in this line *must* match the last number in the phrases above!
    
    //we get the paragraph object using "getElementById" using the ID of the paragraph
    var para = document.getElementById('myP'); 
    	{
    	//we then set the value of the lastChild.nodeValue to the Random Phrase
    	para.lastChild.nodeValue = phrase[rnd];
    	}
    
    }
    </script>
    
    <body>
    <h1>Random Phrase Picker</h1>
    <form name="phraseForm" id="phraseForm">
        <p>Watch Your Random Phrase Appear Below!!!</p>
        <p id="myP">LOOK HERE YOU!!!</p>
        <p>
            <input type="button" value="Gimme a random phrase!" onclick="randomPhrase()">
        </p>
    </form>
    </body>
    </html>
    EDIT: But this is a much better answer
    Last edited by Kevin2; 07-31-2014 at 08:19 PM.

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