app.js

// Đăng ký service worker nếu trình duyệt hỗ trợ
if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
        navigator.serviceWorker.register('/sw.js').then((registration) => {
            console.log('ServiceWorker registration successful with scope: ', registration.scope);
        }, function (err) {
            console.log('ServiceWorker registration failed: ', err);
        });
    });
}

// API URL
const serverURL = 'http://localhost:8888/server.php?id=' + articleID

// Lấy dữ liệu từ API
fetch(serverURL).then(res => res.json()).then(article => setArticle(article))

// Render bài viết
function setArticle(article) {
    document.title = article.title
    const rootElement = document.getElementById('app')

    const title = document.createElement('h1')
    title.appendChild(document.createTextNode(article.title))
    
    const id = document.createElement('h1')
    id.appendChild(document.createTextNode(article.id))

    const content = document.createElement('h2')
    content.appendChild(document.createTextNode(article.content))

    rootElement.appendChild(title)
    rootElement.appendChild(id)
    rootElement.appendChild(content)
}