برنامه یادداشت جاوا اسکریپت
برنامه یادداشت یا همان Note-taking application یکی از ابزارهای مفید و کاربردی در دنیای دیجیتال است که به کاربران این امکان را می‌دهد تا یادداشت‌هایی را به راحتی ایجاد، ویرایش و مدیریت کنند. این برنامه‌ها معمولاً با زبان‌های برنامه‌نویسی مختلف ساخته می‌شوند، اما در اینجا به بررسی ساخت یک برنامه یادداشت با استفاده از جاوا اسکریپت می‌پردازیم.
ساختار برنامه
برای شروع، یک فایل HTML ساده ایجاد کنید. در این فایل، می‌توانید ساختار پایه برنامه خود را تعریف کنید. به عنوان مثال، برای ایجاد ورودی‌های متنی، دکمه‌ها و لیستی برای نمایش یادداشت‌ها، از تگ‌های HTML استفاده کنید.
```html
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<title>برنامه یادداشت</title>
</head>
<body>
<h1>برنامه یادداشت من</h1>
<input type="text" id="noteInput" placeholder="یادداشت جدید...">
<button onclick="addNote()">اضافه کردن یادداشت</button>
<ul id="noteList"></ul>
</body>
</html>
```
کد جاوا اسکریپت
حالا وقت آن رسیده است که به کد جاوا اسکریپت بپردازیم. این کد مسئول اضافه کردن یادداشت‌ها و مدیریت لیست یادداشت‌ها خواهد بود. به یاد داشته باشید که استفاده از توابع، متغیرها و رویدادها در اینجا ضروری است.
```javascript
let notes = [];
function addNote() {
const input = document.getElementById('noteInput');
const noteText = input.value.trim();
if (noteText) {
notes.push(noteText);
input.value = '';
renderNotes();
}
}
function renderNotes() {
const noteList = document.getElementById('noteList');
noteList.innerHTML = '';
notes.forEach((note, index) => {
const li = document.createElement('li');
li.textContent = note;
const deleteButton = document.createElement('button');
deleteButton.textContent = 'حذف';
deleteButton.onclick = () => deleteNote(index);
li.appendChild(deleteButton);
noteList.appendChild(li);
});
}
function deleteNote(index) {
notes.splice(index, 1);
renderNotes();
}
```
توضیحات نهایی
در این برنامه، ابتدا یک آرایه به نام notes ایجاد می‌شود که یادداشت‌ها در آن ذخیره می‌شوند. با استفاده از تابع addNote، کاربر می‌تواند یادداشت جدیدی اضافه کند. سپس با تابع renderNotes، تمامی یادداشت‌ها به‌روز می‌شوند و در صفحه نمایش داده می‌شوند. همچنین، تابع deleteNote برای حذف یادداشت‌های انتخاب‌شده استفاده می‌شود.
با این ساختار ساده، شما یک برنامه یادداشت کارآمد و قابل استفاده با جاوا اسکریپت ایجاد کرده‌اید. این برنامه می‌تواند به عنوان یک پایه برای اضافه کردن ویژگی‌های پیشرفته‌تر مانند ذخیره‌سازی محلی، ویرایش یادداشت‌ها و غیره گسترش یابد.
