Code not working (JavaScript)

Question

I am making this program where the value in the text-box will be alerted. I know this is hardly anything, but already something isn't working. I checked the developer tools console panel and it didn't show any errors.

<!DOCYTPE html>
<html>
<head>
  <script type="text/javascript">
    var submit = function() {
      var name = document.getElementById('name').value;
      alert(name);
    }
  </script>
</head>
<body>
  <form>
    <input type="text" id='name'>
    <button type="button" onclick="submit()">Submit</button>
  </form>
</body>
</html>

Have you tried declaring the submit function as this: function submit() and not as an anonymous function? — CosX
– CosX, Commented Jun 5, 2015 at 8:53

Srinath Mandava · Accepted Answer · 2015-06-05 08:54:29Z

5

<html>
<head>
  <script type="text/javascript">
    var submit1 = function() {
      var name = document.getElementById('name').value;
      alert(name);
    }
  </script>
</head>
<body>
  <form>
    <input type="text" id='name'>
    <button type="button" onclick="submit1()">Submit</button>
  </form>
</body>
</html>

That is because there's already be a function named submit(). Change it to submit1() or any other name . It'll work

edited Jun 5, 2015 at 8:54

answered Jun 5, 2015 at 8:53

Srinath Mandava

3,4722 gold badges27 silver badges37 bronze badges

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

1 Comment

JJJ Over a year ago

This is the correct answer, although the explanation is a bit shaky.

JJJ · Accepted Answer · 2015-06-05 08:59:29Z

2

submit() is a predefined method in JavaScript that is used to submit the form.

So you can't use it like that. You need to change the function name to something else.

<!DOCYTPE html>
<html>
<head>
  <script type="text/javascript">
    var submitForm = function() {
      var name = document.getElementById('name').value;
      alert(name);
    }
  </script>
</head>
<body>
  <form>
    <input type="text" id='name'>
    <button type="button" onclick="submitForm()">Submit</button>
  </form>
</body>
</html>

edited Jun 5, 2015 at 8:59

JJJ

33.2k20 gold badges95 silver badges103 bronze badges

answered Jun 5, 2015 at 8:58

Zee

8,4805 gold badges39 silver badges59 bronze badges

Comments

Dhaval · Accepted Answer · 2015-06-05 08:53:40Z

-1

var test= function() {
      var name = document.getElementById('name').value;
      alert(name);
    }

<input type="text" id='name'>
    <button type="button" onclick="test()">Submit</button>

answered Jun 5, 2015 at 8:53

Dhaval

2,3791 gold badge15 silver badges16 bronze badges

Collectives™ on Stack Overflow

Code not working (JavaScript)

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related