Home/ Questions/Q 552671
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T11:31:29+00:00

I’m trying to change the text inside a h1 tag using the element id

  • 0

I’m trying to change the text inside a h1 tag using the element id “greeting” and a external java script. I’m having trouble trying to figure out how to call upon my function init that has gathered variables and use them in the next function. Heres what I have so far.

HTML

 <head>

    <title>Matt Beckley</title>
    <script type="text/javascript" src="script1.js"></script>
</head> 

<body>

 <h1 id="greeting">Welcome!</h1>

 </body>
</html>

THE SCRIPT WHERE THE PROBLEM IS!

 window.onload = init;

 function init() 
 {
 var fullname=prompt("Please Enter you name!","Anonymous ");
(fullname == "Anonymous")? "Anonymous " : "";

 var nickname=prompt("Please Enter you nickname!"," None");
 (nickname == "None")? " None": ""; 
 }

 function writeGreeting()
 {
    document.getElementById("greeting").innerHTML= ?????????
 }

So I don’t know how to make the last function work so that the h1 tag shows a name and a nick. w3schools only shows “Strings” and not the ability to call the other function. Anyone know how to do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    How about merging the init and writeGreeting functions:

    window.onload = init;

function init() 
{
 var fullname=prompt("Please Enter you name!","Anonymous ");
 fullname = (fullname == "Anonymous")? "Anonymous " : "";

 var nickname=prompt("Please Enter you nickname!"," None");
 nickname = (nickname == "None")? " None": ""; 
 document.getElementById("greeting").innerHTML= "Welcome " + fullname + " (" + nickname + ")";
}

    p.s. Minor point of grammar – you probably want “Please enter your name”, rather than “Please Enter you name”, and similarly for the nickname prompt.

    • 0