HTML5 Game - Save item to storage

  1. HOME
  2. HTML5 Game
  3. indexedDB
  4. Store data in indexedDB

Description

Save item to storage

Demo

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Storage Events</title>

<style>

fieldset {//from  www .  ja va 2 s. com
  margin-bottom: 15px;
  padding: 10px;
}

legend {
  padding: 0px 3px;
  font-weight: bold;
  font-variant: small-caps;
}

label {
  width: 40px;
  display: inline-block;
  margin: 6px;
}


input {
  margin-top: 12px;
  width: 300px;
}

button {
  margin-top: 15px;
  margin-left: 55px;
  padding: 5px;
}
</style>
<script>


function addValue() {
  let key = document.getElementById("key").value;
  let item = document.getElementById("item").value;
  localStorage.setItem(key, item);
}

</script>

<body>

  <fieldset>
    <legend>Local Storage</legend>
    <label for="key">Key:</label>
    <input id="key"><br>
    <label for="item">Value:</label>
    <input id="item">
    <br>
    <button onclick="addValue()">Add</button>
  </fieldset>

</body>
</html>

Related Topic