Я работаю над проектом по написанию заметок. У меня есть два HTML документа:
home. html:
<html>
<head>
<title>Your Notes</title>
<link rel="stylesheet" href="notes.css">
<script src="notes.js"></script>
</head>
<body onload="loadPage()">
<header>
<h1 id="head-title">Notes App</h1>
<h3>Take notes and never forget</h3>
</header>
<div id="notes-container">
</div>
<a href="edit.html" class="button" id="new-note">Create Note</a>
</body>
</html>
edit. html:
<html>
<head>
<title>Note Editor</title>
<link rel="stylesheet" href="notes.css">
<script src="notes.js"></script>
</head>
<body onload="loadPage()">
<header>
<h1>Notes App</h1>
<h3>Take notes and never forget</h3>
</header>
<a href="home.html" class="button" id="back-home">Home</a>
<br>
<br>
<main>
<input type="text" placeholder="Note title" id="note-title">
<br>
<br>
<textarea type="text" placeholder=" Enter Note Text" id="note-body"></textarea>
</main>
<a class="button" id="save-note">Save</a>
</body>
</html>
А в файле javascript, когда на странице редактирования нажимается кнопка «Сохранить заметку». html Я хочу, чтобы содержимое отображалось на домашней странице. html Страница, но, вероятно, есть проблема, я думаю, что каждый раз, когда javascript знает, что это просто текущая страница, но я не знаю, как с ней справиться
var onclickListener = () => {
let titleText = document.querySelector("#note-title").value;
let bodyText = document.querySelector("#note-body").value;
saveBtn = document.querySelector("#save-note");
if (titleText == "" || titleText === null || titleText.trim().length == 0)
alert("Pleas Enter Title");
else
saveBtn.href = "home.html";
var note = document.createElement('h1');
note.innerHTML = titleText;
document.querySelector("#notes-container").appendChild(note);
}
var loadPage = () => {
let path = window.location.pathname;
let page = path.split("/").pop();
if (page == "edit.html") {
let newNote = document.querySelector("#save-note");
newNote.addEventListener("click", onclickListener);
}
}
Что-то не работает должным образом, и я могу не переживай, что это такое. Можно ли даже делать то, что я хочу, только с javascript