Javascript says "document.getElementById("namedisplay") has no properties

[ratcateme]

I have this script

function getname(){
<script type="text/javascript">
    var name = prompt('What is your name?');
    while(name==''){
        name = prompt('We need your name?');
    }
    alert(name);
    document.getElementById('namedisplay').value=name;
 
}
getname();
</script>
<input name="namedisplay" type="text" id="namedisplay" value="" />
 

When i run the script it works fine it asks for my name then alerts it back to me but when it is ment to put it into the display box it gets and error saying
"document.getElementById("namedisplay") has no properties"
i am stumped

Can you please help

Thanks Scott

[mrhoo]

you are assigning a value to an element that has not been introduced yet. Move the script, or assign the value when the document has loaded.

onload=function(){document.getElementById('namedis play').value=name};

[Fisher ma]

You can put the input element before javascript code.

<input name="namedisplay" type="text" id="namedisplay" value="" />
 
<script type="text/javascript">
function getname(){
    var name = prompt('What is your name?');
    while(name==''){
        name = prompt('We need your name?');
    }
    alert(name);
    document.getElementById('namedisplay').value=name; 
}
getname();
</script>