How can I add a delete button to an input display using only javascript?

Okay, before I ask my question, I have searched high and low for this answer and I’ve only come up with no-ended answers or jQuery answers.
I am trying to do this using JAVASCRIPT ONLY. No other libraries.

I know I’m on the right track, but I just can’t figure out how to delete only the last entry of an input that I have created inside a div (all using js).
So, how do I make a delete button actually delete only the input entry it is attached to?

I put my script in a jsbin.
Any help would be greatly appreciated! Thank you in advance! (:

I guess I’m supposed to add my code here anyway so here it is:

<!DOCTYPE html>
<html>
<body>

Name: <input type="text" id="myText" value="">
<br/>
<br/>
Age: <input type="number" name="age">

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



function myFunction() {
    var input = document.getElementsByTagName('input')[0].value;
    var agenum = document.getElementsByTagName('input')[1].value;
    var div = document.createElement('div');
    div.style.border = '2px solid red';
    div.style.padding = '10px';
    div.style.display = 'block';
    document.body.appendChild(div);
    var output = 'Name: ' + input + '
' + 'Age: ' + agenum; div.innerHTML = output; deleteButton(div); } function deleteButton(x) { var del = document.createElement('button'); del.style.textDecoration = 'none'; del.innerHTML = 'Remove this person?'; del.style.color = 'white'; del.style.backgroundColor = 'blue'; document.body.appendChild(del); } </body> </html>


Source: stackoverflow-javascript