<form id="myform" method="POST">
<input type="text" name="firstname" placeholder="Enter Your Name" class="text-input" id="myname">
<input type="submit" value="submit"class="btn">
<form>
<div id="content">
</div>
.btn{
font-size: 200%;
border: 1px solid dimgray;
border-radius: 10px;
background-color: cornflowerblue;
}
.text-input{
width: 300px;
height: 25px;
font-size:120%;
}
var myForm = document.getElementById('myform');
var myName= document.getElementById('myname');
var content = document.getElementById('content')
myForm.addEventListener('submit', formSumbit );
function formSumbit(){
confirm(" Is this your real Name");
content.innerHTML = myName.value;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.