Я пытался научиться кодировать расширение Chrome с помощью Javascript, и я застрял сейчас, поэтому я хотел бы получить вашу помощь, пожалуйста :)
Что я пытаюсь сделать, это перечислить комментарии / заметкивнутри всплывающего окна расширения.
Комментарий (входное значение) сохраняется в localStorage.
function hello()
{
var greetings = "";
if(localStorage['comment']){
var addComment = localStorage['comment'];
}else{
addComment = "";
};
greetings = 'Your post : ' + addComment;
return greetings;
};
function createIntro(){
var content = document.createElement("div");
content.style.width = '220px';
content.appendChild(document.createTextNode("Hello, " + hello()));
container.appendChild(content);
return content;
}
var container = document.getElementById("intro");
document.getElementById("submit").addEventListener("click",function(e){
localStorage['comment'] = document.getElementById('comment').value;
var commentList = createIntro();
container.insertBefore(commentList, container.firstChild);
e.preventDefault();
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>extension</title>
</head>
<body>
<input type="text" name="comment" id="comment" placeholder="Write anything"/>
<input type="button" value="save" id="submit"/>
<div id="intro"></div>
<script src="popup.js"></script>
</body>
</html>
Пока мне удалось отобразить только последнюю запись, но это не то, что я хочу.Теперь я могу перечислить их, когда нажимаю на кнопку сохранения, но когда я закрываю всплывающее окно и снова открываю его, их здесь нет: (
Есть ли кто-нибудь, кто может указать мне правильное направление и сказать мне, чтоЯ скучаю, пожалуйста?
Спасибо! :)) 1017 *