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>

Name: <input type="text" id="myText" value="">
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'); = '2px solid red'; = '10px'; = 'block';
    var output = 'Name: ' + input + '
' + 'Age: ' + agenum; div.innerHTML = output; deleteButton(div); } function deleteButton(x) { var del = document.createElement('button'); = 'none'; del.innerHTML = 'Remove this person?'; = 'white'; = 'blue'; document.body.appendChild(del); } </body> </html>

Source: stackoverflow-javascript