how to make a delete button in javascript

Bored Badger answered on May 23, 2022 Popularity 10/10 Helpfulness 1/10

answer how to make a delete button in javascript

how to make a delete button in javascript

Comment

<!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>

<script>

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 + '<br/>' + '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);
}


</script>

</body>
</html>

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: button javascript

Link to this answer
Share Copy Link

Contributed on May 23 2022

Bored Badger

0 Answers Avg Quality 2/10

how to make a delete button in javascript

Contents

More Related Answers

how to make a delete button in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.