jQuery addClass example

Change class name on click in jQuery

by joshmoto

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"></script>
<div class="container mt-3">

  <p class="lead">
     Re-run the fiddle after clicking the buttons to see the locally stored item.
  </p>
  
  <button onclick="set_data()" data-toggle="modal" class="btn btn-primary">Save</button>
  
  <button onclick="delete_data()" data-toggle="modal" class="btn btn-danger">Delete</button>
  
</div>

JavaScript

var data = localStorage.getItem('my_data');

// for testing
alert(data);

set_data = function() {

  data = localStorage.setItem('my_data', 'whatever');

  // for testing
  alert(localStorage.getItem('my_data'));

}

delete_data = function() {

	data = localStorage.clear();
  
  // for testing
  alert(localStorage.getItem('my_data'));
  
}