CODEWITHSUNDEEP
javascripthtmldom
Ejike Dozie
Ejike Dozie

Reputation: 5

Why are my input boxes showing undefined?

The name and email input boxes are showing undefined when I click the submit button which calls the showDetails() function. This also happens when there are values in the inputboxes:

<script type="text/javascript">
function showDetails(){

    var e = document.getElementById("email");
    //var t = document.getElementById("t");
    var n = document.getElementById("name");
    var m = document.getElementById("m");

    var c;
    var r;
    document.getElementById("email").value = c;
    document.getElementById("name").value = r;
    document.getElementById("t").value = "Your name is: "+r+" and your email is: "+c;
}
</script>

Why is this happening?

Upvotes: 0

Views: 238

Answers (2)

Riddell
Riddell

Reputation: 1489

I believe this is because you're assigning the value to undefined.

<script type="text/javascript">
  function showDetails() {

    var e = document.getElementById("email");
    //var t = document.getElementById("t");
    var n = document.getElementById("name");
    var m = document.getElementById("m");

    var c = document.getElementById("email").value; // Here you set it the value = undefined variable
    var r = document.getElementById("name").value;

    document.getElementById("t").value = "Your name is: " + r + " and your email is: " + c;
  }
</script>

Upvotes: 3

dinesh kumar
dinesh kumar

Reputation: 1

I think there is a problem with the assignment. Try this.

c=document.getElementById("email").value;r=document.getElementById("name").value;

Upvotes: 0

Related Questions