```typescript // Import the necessary libraries import sqlite3 from 'sqlite3'; import { open } from 'sqlite'; // Open database connection const dbPromise = open({ filename: 'database.db', driver: sqlite3.Database }); // Create a div and set it in the app const app = document.getElementById('app'); app.innerHTML = `

CRUD Application

`; // Initialize database and create table if not exists async function init() { const db = await dbPromise; await db.exec(` CREATE TABLE IF NOT EXISTS items ( id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT NOT NULL ) `); loadItems(); } // Load items into the list async function loadItems() { const db = await dbPromise; const items = await db.all('SELECT * FROM items'); const itemList = document.getElementById('itemList'); itemList.innerHTML = ''; items.forEach(item => { const li = document.createElement('li'); li.className = 'mb-1'; li.innerHTML = `${item.name} `; itemList.appendChild(li); }); } // Add item to the database document.getElementById('crudForm')?.addEventListener('submit', async (e) => { e.preventDefault(); const itemInput = document.getElementById('itemInput') as HTMLInputElement; const db = await dbPromise; await db.run('INSERT INTO items (name) VALUES (?)', itemInput.value); itemInput.value = ''; loadItems(); }); // Delete item from the database async function deleteItem(id: number) { const db = await dbPromise; await db.run('DELETE FROM items WHERE id = ?', id); loadItems(); } // Initialize the application init(); ```