Create Projectiya

let xxxxxTotal = yyyyy; let xxxxxCover = localStorage.getItem('xxxxx'); let xxxxxPercent; if (xxxxxCover !== null) { xxxxxPercent = (parseFloat(xxxxxCover) / xxxxxTotal * 100).toFixed(2); } else { xxxxxCover = 0; xxxxxPercent = 0; } document.getElementById('xxxxxScore').innerText = xxxxxCover + ' / ' + xxxxxTotal + ' (' + xxxxxPercent + ' %)'; document.getElementById('xxxxx').style.backgroundSize='100% '+xxxxxPercent*2 + '%'; function xxxxx() { let xxxxx = prompt('Add new Page'); // Check if the prompt was canceled, empty, or not a number if (xxxxx === null || xxxxx.trim() === "" || isNaN(xxxxx)) { alert("Enter a valid number"); return; } let xxxxxCover = localStorage.getItem('xxxxx'); if (xxxxxCover === null) { xxxxxCover = 0; } else { xxxxxCover = parseFloat(xxxxxCover); } let xxxxxNew = xxxxxCover + parseFloat(xxxxx); localStorage.setItem('xxxxx', xxxxxNew); location.reload(); } <div class='container' id="xxxxx" > <h1 onclick="xxxxx()">xxxxx</h1> <h2 id="xxxxxScore"></h2> </div> loadxxxxxTopics(); updatexxxxxScore(); function xxxxx() { const topic = prompt('Enter xxxxx Topic'); if (topic) { addxxxxxTopic(topic); updatexxxxxScore(); } else { const deleteConfirm = confirm('Want to Delete ?'); if (deleteConfirm) { const topicToDelete = prompt('Enter Topic for delete'); if (topicToDelete) { deletexxxxxTopic(topicToDelete); updatexxxxxScore(); } } } } function addxxxxxTopic(topic) { const xxxxxTopics = JSON.parse(localStorage.getItem('xxxxx')) || []; xxxxxTopics.push({ name: topic, checked: false }); localStorage.setItem('xxxxx', JSON.stringify(xxxxxTopics)); renderxxxxxTopics(); } function deletexxxxxTopic(topic) { let xxxxxTopics = JSON.parse(localStorage.getItem('xxxxx')) || []; xxxxxTopics = xxxxxTopics.filter(t => t.name !== topic); localStorage.setItem('xxxxx', JSON.stringify(xxxxxTopics)); renderxxxxxTopics(); } function renderxxxxxTopics() { const xxxxxHolder = document.getElementById('xxxxxHolder'); xxxxxHolder.innerHTML = ''; const xxxxxTopics = JSON.parse(localStorage.getItem('xxxxx')) || []; xxxxxTopics.forEach((topic, index) => { const checkbox = document.createElement('input'); checkbox.type = 'checkbox'; checkbox.id = 'topic-' + index; checkbox.checked = topic.checked; checkbox.addEventListener('change', () => toggleTopic(index)); const label = document.createElement('label'); label.htmlFor = 'topic-' + index; label.textContent = topic.name; const br = document.createElement('br'); xxxxxHolder.appendChild(checkbox); xxxxxHolder.appendChild(label); xxxxxHolder.appendChild(br); }); } function toggleTopic(index) { const xxxxxTopics = JSON.parse(localStorage.getItem('xxxxx')); xxxxxTopics[index].checked = !xxxxxTopics[index].checked; localStorage.setItem('xxxxx', JSON.stringify(xxxxxTopics)); updatexxxxxScore(); } function updatexxxxxScore() { const xxxxxTopics = JSON.parse(localStorage.getItem('xxxxx')) || []; const totalTopics = xxxxxTopics.length; const checkedTopics = xxxxxTopics.filter(topic => topic.checked).length; const percentage = totalTopics ? ((checkedTopics / totalTopics) * 100).toFixed(2) : 0; document.getElementById('xxxxxScore').textContent = `${checkedTopics} / ${totalTopics} (${percentage}%)`; document.getElementById('xxxxx').style.backgroundSize='100% '+percentage*2 + '%'; } function loadxxxxxTopics() { renderxxxxxTopics(); } <div id='xxxxx' class='container'> <h1 onclick='xxxxx()'>xxxxx</h1> <h2 id='xxxxxScore'></h2> <div id='xxxxxHolder'></div> </div>