BubbleMan
New Coder
I am makinng a note-taking chrome extension but the code only remembers the last note that was added to it, not all of the notes. Code Below:
index.js:
popup.html:
popup.js:
index.js:
JavaScript:
key = "note"
chrome.storage.local.get([key], function(result) {
let elem = document.createElement('label')
let space = document.createElement('br')
elem.innerHTML=result.note;
document.getElementsByTagName('body')[0].appendChild(space);
document.getElementsByTagName('body')[0].appendChild(elem);
});popup.html:
HTML:
<html>
<head>
<link rel="stylesheet" href="page.css">
</head>
<body>
<div class="container">
<button id="addNotes">+</button>
<input type="text" id="input">
<label id="label"></label>
</div>
<script src=popup.js></script>
<script src=index.js></script>
</body>
</html>popup.js:
JavaScript:
let AddNote = document.getElementById("addNotes");
let input = document.getElementById("input")
var key = 'note';
AddNote.addEventListener("click", function () {
let elem = document.createElement('label');
let space = document.createElement('br');
elem.innerHTML = input.value;
document.getElementsByTagName('body')[0].appendChild(space);
document.getElementsByTagName('body')[0].appendChild(elem);
chrome.storage.local.set({[key]: input.value});
});
