<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;
  
  
}
           

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.