[Solved] I can’t extract element value in javascript

by


You are using document.getElementById() to get the value of your element.

It means your element must have the id attribute. In your case, you only have the name attribute for your element. So it should be done this way.

<!DOCTYPE html>
<html>
<body>

<form id="myForm" action="/action_page.php">
  First name: <input type="text" name="fname" id="fname"><br>
  Last name: <input type="text" name="lname" id="lname"><br>
  <input type="submit" value="Submit">
</form>

<button onclick="myFunction()">Get it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("fname").value;
    document.getElementById("demo").innerHTML = "Found " + x;
}
</script>

</body>
</html>

I added the id attribute to your form elements.

0

solved I can’t extract element value in javascript