What's wrong with my textbox html code?

Question

Here is the code:

<html>
<head>
    <title> Welcome Page </title>
</head>

<body>
    <h1>Greetings</h1>
    <p>
        Enter your name: <input type=“text” id=“nameBox” size=12 value="">
    </p>
    <input type="button" value="Click for Greeting"
        onclick="document.getElementById('outputDiv').innerHTML='hello' + document.getElementById('nameBox').value + ', welcome to my page.<br>Do you mind if I call you' + document.getElementById('nameBox').value + '?';">
    <hr>
    <div id=“outputDiv”></div>
</body>

All I'm getting is an error in line 13: Uncaught TypeError: Cannot read property 'value' of null.

I'm new to this, so help would be very much appreciated! Thanks.

For future reference, there's a really handy tool to find errors in your HTML: validator.w3.org — David
– David, Commented Sep 13, 2014 at 18:41

Abraham Hamidi · Accepted Answer · 2014-09-13 18:42:04Z

4

You are using smart quotes in your html. Replace “” with "".
size=12: 12 isn't in quotes.

Demo (Added spaces before or after some string literals to make output string easier to read.)

edited Sep 13, 2014 at 18:42

answered Sep 13, 2014 at 18:36

Abraham Hamidi

13.9k3 gold badges39 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

What's wrong with my textbox html code?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related