Input field to variable JavaScript

Question

I'm new to JavaScript and would like to have an input field and a button. When the button is pressed, the value inside the input field would be assinged to a variable. I would also like to be able to do something with the variable afterwards (mentioning this so that I won't get an 'undefined variable' error if it hasnt been given a value yet. If the explanation is unclear, here is how I'd do it in php:

<form method='POST'>
<input type='text' name='inputfield'>
<input type='submit' name='variable' value='Run'>
<?php
if(isset($_POST["variable"])) {
$mytext = $_POST["inputfield"];

echo "<p>$mytext</p>";
}
?>

Answer 1

I'd do it like this:
1. add a 'click' event listener function to the button
2. assign a variable to the value of the text input in that function

hope this makes sense to you :)
otherwise just ask again

Answer 2

https://code.sololearn.com/W87jICtwk818/?ref=app

Answer 3

Sami Khan
Aaron Eberhardt
Thanks guys. Starting to undestand how javascript works now. And especially thanks to you Sami for the clean and understandable code.