Error in html file with javascript function

Question

I am beginning to experience the fabulous world of Javascript, I am making a html file with a javascript function with a box, the fact is that the alert does not show what goes into the text field, what am I doing wrong ?, this is my code.

<html>
    <head>
        <script>
        function showMe()
        {
            var nombre= cnombre.value;
            alert("You are "+ nombre);
            cnombre.value="";
            cnombre.focus();
        }
        </script>
    </head> 

    <body>  
            Name:<input type ="text" name="cnombre" 
    size="30">
            <input type="button" value="Go"
    onClick=showMe();>

    </body>
</html>

Jeff · Accepted Answer · 2011-08-25 04:52:57Z

1

Changed your code to give the textbox an id and then retrieve the textbox from the DOM by that id. This should work for you:

<html>
<head>
    <script>
    function showMe() {
    var nombre = document.getElementById('cnombre');
    alert("You are " + nombre.value);
    nombre.value = "";
    nombre.focus();
}
    </script>
</head> 

<body>  
        Name:<input type ="text" id="cnombre" name="cnombre" 
size="30">
        <input type="button" value="Go"
onClick=showMe();>

</body>

answered Aug 25, 2011 at 4:52

Jeff

4453 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user180100 · Accepted Answer · 2011-08-25 04:49:04Z

0

You can't access the textbox like that. See http://jsfiddle.net/GUB3E/ for a working sample based on your code.

Note the id="cnombre" added to the textbox and the use of document.getElementById().

answered Aug 25, 2011 at 4:49

user180100

Collectives™ on Stack Overflow

Error in html file with javascript function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related