Javascript - Revision history

Eric Rasmusen: /* Code which times when user input is received, and uses fade-in of text and has different style colors and fonts for differnet divisions of the webpage */

2024-09-07T00:01:51Z

‎Code which times when user input is received, and uses fade-in of text and has different style colors and fonts for differnet divisions of the webpage

Eric Rasmusen: /* Code which times when user input is received, and uses fade-in of text and has different style colors and fonts for differnet divisions of the webpage */

2024-09-07T00:01:02Z

‎Code which times when user input is received, and uses fade-in of text and has different style colors and fonts for differnet divisions of the webpage

Eric Rasmusen: /* Code which times when user input is received, and uses fade-in of text */

2024-09-07T00:00:13Z

‎Code which times when user input is received, and uses fade-in of text

Eric Rasmusen: /* An Example of a Web Page that asks the user for input and then produces some output */

2024-09-06T23:58:56Z

‎An Example of a Web Page that asks the user for input and then produces some output

Eric Rasmusen at 20:06, 6 September 2024

2024-09-06T20:06:36Z

Eric Rasmusen at 19:24, 6 September 2024

2024-09-06T19:24:07Z

Eric Rasmusen at 19:22, 6 September 2024

2024-09-06T19:22:53Z

Eric Rasmusen at 19:21, 6 September 2024

2024-09-06T19:21:43Z

Eric Rasmusen at 19:21, 6 September 2024

2024-09-06T19:21:23Z

Eric Rasmusen: Created page with " ==An Example of a Web Page that asks the user for input and then produces some output==

    Printing "Happy Birthday, NAME INPUT" 8 Times
          
2024-09-06T19:20:57Z
Created page with " ==An Example of a Web Page that asks the user for input and then produces some output==  <pre>    <h1>Printing "Happy Birthday, NAME INPUT" 8 Times</h1>          <div id="out..."
New page
 ==An Example of a Web Page that asks the user for input and then produces some output==



<pre>

   <h1>Printing "Happy Birthday, NAME INPUT" 8 Times</h1>

    

    <div id="output"></div> <!-- This is where we will display the output we create below -->





//Javascript has to go in a special script section.

    <script>

// Prompt the user for their name

            let name = prompt("What is your name?")  ;



//We will this variable later.

 let how_many=8;



function new_line(){



        // Select the output div

        let outputDiv = document.getElementById('output');



 

        // Print Happy Birthday  8 times

        for (let i = 1; i <= how_many; i++) {

            outputDiv.innerHTML += "Happy Birthday,  "+   name +"!<br>" ;  

        }



//Add some  blank lines

outputDiv.innerHTML += " <br><br><br><br><br>" ;  

 }  //End of function is here



//Run the function and print happy birthday 8 times.

new_line();



// Prompt the user for a number of additional times to repeat happy birthday." how_many" is already declared, so no "let" is needed or allowed;

  how_many = prompt("How many times would you like to see that?")  ;



//Run the function again, after a .4 second delay.

let timer = setTimeout(new_line, 400);

 

    </script>

<pre>

@@ Line 118: / Line 118: @@
          }       //The curly bracket shows this is the end of  the loop;
-        outputDiv.innerHTML += "<br>With love, <br> &nbsp &nbsp &nbsp &nbsp &nbsp  &nbsp &nbsp &nbsp &nbsp &nbsp        Eric  <br>" ;
+        outputDiv.innerHTML += "<br>Yours truly, <br> &nbsp &nbsp &nbsp &nbsp &nbsp  &nbsp &nbsp &nbsp &nbsp &nbsp      John  <br>" ;
          //Add some  blank lines

@@ Line 44: / Line 44: @@
 ==Code which times when user input is received, and uses fade-in of text and has different style colors and fonts for differnet divisions of the webpage==
 <pre>
 <html lang="en">
 <head>
@@ Line 127: / Line 126: @@
 //Run the function above to print several times.
 new_line(div1);
@@ Line 154: / Line 151: @@
 </body>
 </html>
-<pre>
+</pre>
 ==What Javascript can't do==

@@ Line 42: / Line 42: @@
 </pre>
-==Code which times when user input is received, and uses fade-in of text==
+==Code which times when user input is received, and uses fade-in of text and has different style colors and fonts for differnet divisions of the webpage==
 <!DOCTYPE html>
 <html lang="en">
@@ Line 141: / Line 142: @@
              showText(div2); // Fade-in effect for the second div
          }, 3200);
@@ Line 152: / Line 152: @@
 </script>
 </body>
 </html>
 ==What Javascript can't do==

@@ Line 1: / Line 1: @@
-==An Example of a Web Page that asks the user for input and then produces some output==
+==An Example of a Web Page that asks the user for input and then produces some output, and has different styles for different divisions of the output webpage==
 <pre>
@@ Line 41: / Line 41: @@
      </script>
 </pre>
 ==What Javascript can't do==

← Older revision		Revision as of 20:06, 6 September 2024
Line 41:		Line 41:
	</script>		</script>
	</pre>		</pre>
		+
		+	==What Javascript can't do==
		+	*Javascript can't get rid of the "This page says" heading of windows it opens. This is a security anti-phishing feature, so people will know the question is coming from the Web, not from their apps.
		+
		+	*Javascript can't put italics, boldface, color, etc. into prompt windows.

← Older revision		Revision as of 19:21, 6 September 2024
Line 40:		Line 40:

	</script>		</script>
−	<pre>	+	</pre>

← Older revision		Revision as of 19:21, 6 September 2024
Line 1:		Line 1:
−	==An Example of a Web Page that asks the user for input and then produces some output==	+	==An Example of a Web Page that asks the user for input and then produces some output==

	<pre>		<pre>