HTML JavaScript- how to empty contents of div which holds local storage

Question

How can i empty the contents of div=history. This div is used to display local storage, once the 'clear button is clicked i would like that page to clear. Can anyone advise me?

<button onclick="click_button_clear()">Clear</button>

<div id="history"></div>

Answer 1

function click_button_clear() {
    window.localStorage.clear(); 
}

sorted

Answer 2

function click_button_clear() {
    jQuery("#history").empty(); 
}

If you can make use of jQuery, otherwise:

function click_button_clear() {
    document.getElementById(history).innerHTML = ""; 
}

Answer 3

You can do like below in Jquery:

function click_button_clear()
{ 
    $('#history').html('');
}