fix: missing scripts
This commit is contained in:
73
index.pug
73
index.pug
@@ -225,4 +225,75 @@ html(lang=lang, dir=dir)
|
||||
|
||||
.zen-quote= t.summary.quote
|
||||
|
||||
script(src="src/main.js")
|
||||
script.
|
||||
// JavaScript functions from original HTML
|
||||
const frameworks = ['React', 'Vue.js', 'Angular', 'Svelte', 'Solid', 'Alpine.js', 'Lit', 'Preact', 'Qwik', 'SvelteKit', 'Next.js', 'Nuxt.js'];
|
||||
|
||||
function filterFrameworks(value) {
|
||||
const results = document.getElementById('js-results');
|
||||
if (!value) {
|
||||
results.style.display = 'none';
|
||||
return;
|
||||
}
|
||||
const filtered = frameworks.filter(fw => fw.toLowerCase().includes(value.toLowerCase()));
|
||||
results.innerHTML = filtered.map(fw => `<div style="padding:8px; cursor:pointer;" onclick="selectFramework('${fw}')">${fw}</div>`).join('');
|
||||
results.style.display = filtered.length ? 'block' : 'none';
|
||||
}
|
||||
|
||||
function selectFramework(fw) {
|
||||
document.getElementById('js-search').value = fw;
|
||||
document.getElementById('js-results').style.display = 'none';
|
||||
}
|
||||
|
||||
function startNativeProgress() {
|
||||
const progress = document.getElementById('nativeProgress');
|
||||
const text = document.getElementById('nativeProgressText');
|
||||
let value = 0;
|
||||
const interval = setInterval(() => {
|
||||
value += Math.random() * 15;
|
||||
if (value >= 100) {
|
||||
value = 100;
|
||||
clearInterval(interval);
|
||||
}
|
||||
progress.value = value;
|
||||
text.textContent = Math.round(value) + '%';
|
||||
}, 200);
|
||||
}
|
||||
|
||||
function toggleContent(id) {
|
||||
document.getElementById(id).classList.toggle("active");
|
||||
}
|
||||
|
||||
function openJSModal() {
|
||||
document.getElementById('jsModal').style.display = 'flex';
|
||||
}
|
||||
|
||||
function closeJSModal() {
|
||||
document.getElementById('jsModal').style.display = 'none';
|
||||
}
|
||||
|
||||
function validateJSForm(event) {
|
||||
event.preventDefault();
|
||||
alert('Custom validation would run here');
|
||||
return false;
|
||||
}
|
||||
|
||||
function startJSProgress() {
|
||||
const bar = document.getElementById('jsProgress');
|
||||
const text = document.getElementById('jsProgressText');
|
||||
let width = 0;
|
||||
const interval = setInterval(() => {
|
||||
width += Math.random() * 15;
|
||||
if (width >= 100) {
|
||||
width = 100;
|
||||
clearInterval(interval);
|
||||
}
|
||||
bar.style.width = width + '%';
|
||||
text.textContent = Math.round(width) + '%';
|
||||
}, 200);
|
||||
}
|
||||
|
||||
function openDatePicker() {
|
||||
const picker = document.getElementById('datePicker');
|
||||
picker.style.display = picker.style.display === 'none' ? 'block' : 'none';
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user