KVIZby GB
+知识测验by GB
╰┈➤Izaberi oblast
+╰┈➤选择分类
X
-
-
- Istorija
-
-
- Geografija
-
-
- Hemija
-
-
- Fizika
-
-
- Knjizevnost
-
-
- Biologija
-
-
- Sociologija
-
-
- Informatika
-
-
Engleski
+
+
+ 📜
+
+ 历史
+（5题）
+
+ 🌍
+
+ 地理
+（5题）
+
+ 🧪
+
+ 化学
+（5题）
+
+ ⚛️
+
+ 物理
+（5题）
+
+ 📚
+
+ 文学
+（5题）
+
+ 🧬
+
+ 生物
+（5题）
+
+ 👥
+
+ 社会学
+（5题）
+
+ 💻
+
+ 计算机
+（5题）
+
+ 📖
+
英语
+（5题）
+@@ -55,8 +75,12 @@ + + @@ -64,11 +88,11 @@
X
-O autoru
-Zovem se Goran Basic imam 19 godina i student sam ITS – Visoke škole strukovnih studija za informacione tehnologije.
-Ovaj kviz je nastao iz lične radoznalosti i želje da znanje stečeno na fakultetu primenim u praksi.
-Kroz izradu projekta radio sam na logici pitanja, bodovanju i funkcionalnosti aplikacije, koristeći HTML, CSS i JavaScript.
-Cilj mi je bio da kroz samostalni rad dodatno unapredim veštine web programiranja i testiram sopstvene ideje.
+关于作者
+我叫Goran Basic，19岁，是ITS - 高等信息技术职业学院的学生。
+这个测验是出于个人好奇心和将在大学学到的知识应用于实践的愿望而创建的。
+在项目开发过程中，我使用HTML、CSS和JavaScript研究了问题逻辑、评分和应用功能。
+我的目标是通过独立工作进一步提高我的Web编程技能并测试我自己的想法。
+
+ `;
+ practiceBtn.style.display = 'none';
+ clearBtn.style.display = 'none';
+ return;
+ }
+
+ practiceBtn.style.display = 'block';
+ clearBtn.style.display = 'block';
+
+ let html = '';
+ pogresnaPitanja.forEach((pitanje, index) => {
+ html += `
+ 🎉 太棒了！
+目前没有错题记录
+
+
+ `;
+ });
+
+ lista.innerHTML = html;
+};
+
+const obrisiSveGreske = () => {
+ if (pogresnaPitanja.length === 0) {
+ alert('没有错题可以清空！');
+ return;
+ }
+
+ if (confirm('确定要清空所有错题吗？此操作无法撤销。')) {
+ localStorage.removeItem('wrongQuestions');
+ prikaziPogresnaPitanja();
+ document.getElementById('practice-mode').style.display = 'none';
+ }
+};
+
+const pocniVezbu = () => {
+ ucitajPogresnaPitanja();
+
+ if (pogresnaPitanja.length === 0) {
+ alert('没有错题可以练习！');
+ return;
+ }
+
+ trenutnoPitanjeIndeks = 0;
+ odabranaOpcija = null;
+
+ document.getElementById('wrong-questions-list').style.display = 'none';
+ document.getElementById('practice-mode').style.display = 'block';
+ document.getElementById('practice-total').textContent = pogresnaPitanja.length;
+
+ prikaziTrenutnoPitanje();
+};
+
+const prikaziTrenutnoPitanje = () => {
+ const pitanje = pogresnaPitanja[trenutnoPitanjeIndeks];
+ const container = document.getElementById('practice-question');
+ const rezultat = document.getElementById('practice-result');
+ const dugmici = document.getElementById('practice-buttons');
+
+ document.getElementById('practice-current').textContent = trenutnoPitanjeIndeks + 1;
+
+ rezultat.style.display = 'none';
+ dugmici.style.display = 'none';
+ odabranaOpcija = null;
+
+ let opcijeHtml = '';
+ pitanje.opcije.forEach((opcija, index) => {
+ opcijeHtml += `
+ ${index + 1}. ${pitanje.pitanje}
+
+ ❌ 你的答案：${pitanje.korisnikovOdgovor}
+
+
+ ✅ 正确答案：${pitanje.tacanOdgovor}
+
+
+ 📚 分类：${pitanje.kategorija}
+
+
+ ${opcija}
+
+ `;
+ });
+
+ container.innerHTML = `
+ ${pitanje.pitanje}
+ + + `; +}; + +const izaberiOpciju = (element, opcija) => { + document.querySelectorAll('.practice-option').forEach(el => { + el.classList.remove('selected'); + }); + element.classList.add('selected'); + odabranaOpcija = opcija; +}; + +const proveriVezbu = () => { + if (!odabranaOpcija) { + alert('请先选择一个答案！'); + return; + } + + const pitanje = pogresnaPitanja[trenutnoPitanjeIndeks]; + const rezultat = document.getElementById('practice-result'); + const dugmici = document.getElementById('practice-buttons'); + const proveriBtn = document.getElementById('check-practice-btn'); + + proveriBtn.style.display = 'none'; + rezultat.style.display = 'block'; + dugmici.style.display = 'flex'; + + if (odabranaOpcija === pitanje.tacanOdgovor) { + rezultat.className = 'practice-result correct'; + rezultat.innerHTML = ` + ✅ 回答正确！+ 这道题你已经掌握了！ + `; + + pogresnaPitanja = pogresnaPitanja.filter(p => p.id !== pitanje.id); + localStorage.setItem('wrongQuestions', JSON.stringify(pogresnaPitanja)); + } else { + rezultat.className = 'practice-result incorrect'; + rezultat.innerHTML = ` + ❌ 回答错误！
+ 正确答案是：${pitanje.tacanOdgovor} + `; + } + + if (trenutnoPitanjeIndeks >= pogresnaPitanja.length - 1) { + document.getElementById('next-practice-btn').textContent = '完成练习'; + } else { + document.getElementById('next-practice-btn').textContent = '下一题 ➜'; + } +}; + +const sledecePitanje = () => { + if (trenutnoPitanjeIndeks >= pogresnaPitanja.length - 1) { + zavrsiVezbu(); + return; + } + + trenutnoPitanjeIndeks++; + prikaziTrenutnoPitanje(); +}; + +const zavrsiVezbu = () => { + alert('练习完成！答对的题目已从错题库中移除。'); + + document.getElementById('practice-mode').style.display = 'none'; + document.getElementById('wrong-questions-list').style.display = 'block'; + + prikaziPogresnaPitanja(); +}; + +document.addEventListener('DOMContentLoaded', () => { + prikaziPogresnaPitanja(); +}); \ No newline at end of file diff --git a/oblasti/geografija/geografija.html b/oblasti/geografija/geografija.html index 83a6c05..0c75c65 100644 --- a/oblasti/geografija/geografija.html +++ b/oblasti/geografija/geografija.html @@ -1,5 +1,5 @@ - + @@ -8,16 +8,16 @@ -
KVIZ IZ GEOGRAFIJE
+地理知识测验
-
-
+
+
@@ -43,12 +43,12 @@
+10
- ⬅Pocetna + ⬅返回首页+10
X
-O autoru
-Zovem se Goran Basic imam 19 godina i student sam ITS – Visoke škole strukovnih studija za informacione tehnologije.
-Ovaj kviz je nastao iz lične radoznalosti i želje da znanje stečeno na fakultetu primenim u praksi.
-Kroz izradu projekta radio sam na logici pitanja, bodovanju i funkcionalnosti aplikacije, koristeći HTML, CSS i JavaScript.
-Cilj mi je bio da kroz samostalni rad dodatno unapredim veštine web programiranja i testiram sopstvene ideje.
+关于作者
+我叫Goran Basic，19岁，是ITS - 高等信息技术职业学院的学生。
+这个测验是出于个人好奇心和将在大学学到的知识应用于实践的愿望而创建的。
+在项目开发过程中，我使用HTML、CSS和JavaScript研究了问题逻辑、评分和应用功能。
+我的目标是通过独立工作进一步提高我的Web编程技能并测试我自己的想法。
Na sva pitanja ste dali tacan odgovor!
Broj bodova: ${bodovi}/${pitanje*10}
${procenat}%
`; + naslov.innerHTML = `恭喜 ${moj_username}，测验完成！所有问题都回答正确！
得分：${bodovi}/${pitanje*10}
${procenat}%
`; }else if(bodovi === 0){ - naslov.innerHTML = `${moj_username} kviz je završen!Ni na jedno pitanje niste dali tacan odgovor!
Broj bodova: ${bodovi}/${pitanje*10}
${procenat}%
`; + naslov.innerHTML = `${moj_username}，测验完成！很遗憾，没有答对任何题目！
得分：${bodovi}/${pitanje*10}
${procenat}%
`; }else { - naslov.innerHTML = `Cestitam ${moj_username} kviz je završen!
Broj bodova: ${bodovi}/${pitanje*10}
${procenat}%
`; + naslov.innerHTML = `恭喜 ${moj_username}，测验完成！
得分：${bodovi}/${pitanje*10}
${procenat}%
`; } @@ -231,7 +289,7 @@ krajKviza = () => { tacno_netacno.style.color = '#111827' - tacno_netacno.innerHTML = '⬅Vrati se na pocetnu'; + tacno_netacno.innerHTML = '⬅返回首页'; vrati.remove(); } diff --git a/oblasti/istorija/istorija.js b/oblasti/istorija/istorija.js index 3d492d2..954caff 100644 --- a/oblasti/istorija/istorija.js +++ b/oblasti/istorija/istorija.js @@ -24,8 +24,8 @@ const timeline_container = document.getElementById('timeline-container'); -proveri.innerText = 'Proveri'; -sledece.innerText = 'Sledece➜'; +proveri.innerText = '检查答案'; +sledece.innerText = '下一题➜'; let bodovi = 0; let pitanje = 0; let tacan_odgovor = 0; @@ -46,7 +46,7 @@ pocni_kviz.onclick = () => { unesi_username.style.animation = 'none'; void unesi_username.offsetWidth; unesi_username.style.animation = 'shake 1s 1'; - unesi_username.innerText = 'Morate uneti username!' + unesi_username.innerText = '请输入用户名！' return; } moj_username = inputUsername; @@ -62,8 +62,8 @@ pocni_kviz.onclick = () => { igrac.style.display = 'flex'; slicica.style.margin ='10px auto'; - bodovi_tekst.innerText = `Bodovi: ${bodovi}`; - igrac.innerText = `Igrac : ${moj_username}`; + bodovi_tekst.innerText = `分数：${bodovi}`; + igrac.innerText = `玩家：${moj_username}`; unesi_username.innerText = ''; postaviPitanje(); @@ -73,36 +73,36 @@ pocni_kviz.onclick = () => { postaviPitanje = () => { pitanje++; if(pitanje === 1){ - naslov.innerText = `${pitanje}. Pitanje - Koji događaj se smatra početkom Prvog svetskog rata?`; - prvo_tekst.innerText ='A) Potpisivanje Versajskog ugovora'; - drugo_tekst.innerText = 'B) Atentat na Franca Ferdinanda'; - trece_tekst.innerText = 'C) Početak Ruske revolucije'; - cetvrto_tekst.innerText = 'D) Bitka kod Verduna'; + naslov.innerText = `${pitanje}. 哪个事件被认为是第一次世界大战的开始？`; + prvo_tekst.innerText ='A) 签署凡尔赛条约'; + drugo_tekst.innerText = 'B) 弗朗茨·斐迪南遇刺'; + trece_tekst.innerText = 'C) 俄国革命开始'; + cetvrto_tekst.innerText = 'D) 凡尔登战役'; } else if(pitanje === 2){ - naslov.innerText = `${pitanje}. Koji car je vladao Rimskim Carstvom u vreme Hristovog rođenja?`; - prvo_tekst.innerText = 'A) Julije Cezar'; - drugo_tekst.innerText = 'B) Neron'; - trece_tekst.innerText = 'C) Avgust'; - cetvrto_tekst.innerText = 'D) Trajan'; + naslov.innerText = `${pitanje}. 哪位皇帝在基督诞生时统治罗马帝国？`; + prvo_tekst.innerText = 'A) 尤利乌斯·凯撒'; + drugo_tekst.innerText = 'B) 尼禄'; + trece_tekst.innerText = 'C) 奥古斯都'; + cetvrto_tekst.innerText = 'D) 图拉真'; } else if(pitanje === 3){ - naslov.innerText = `${pitanje}. Koja država je prvi put koristila parnu lokomotivu za prevoz putnika?`; - prvo_tekst.innerText = 'A) Nemačka'; - drugo_tekst.innerText = 'B) Velika Britanija'; - trece_tekst.innerText = 'C) Francuska'; - cetvrto_tekst.innerText = 'D) SAD'; + naslov.innerText = `${pitanje}. 哪个国家首次使用蒸汽机车运送乘客？`; + prvo_tekst.innerText = 'A) 德国'; + drugo_tekst.innerText = 'B) 英国'; + trece_tekst.innerText = 'C) 法国'; + cetvrto_tekst.innerText = 'D) 美国'; } else if(pitanje === 4){ - naslov.innerText = `${pitanje}. Koja bitka se smatra odlučujućom u Napoleonovim ratovima 1815. godine?`; - prvo_tekst.innerText = 'A) Bitka kod Trafalgara'; - drugo_tekst.innerText = 'B) Bitka kod Vaterloa'; - trece_tekst.innerText = 'C) Bitka kod Leipziga'; - cetvrto_tekst.innerText = 'D) Bitka kod Austerlica'; + naslov.innerText = `${pitanje}. 哪场战役被认为是1815年拿破仑战争的决定性战役？`; + prvo_tekst.innerText = 'A) 特拉法加战役'; + drugo_tekst.innerText = 'B) 滑铁卢战役'; + trece_tekst.innerText = 'C) 莱比锡战役'; + cetvrto_tekst.innerText = 'D) 奥斯特里茨战役'; } else if(pitanje === 5){ - naslov.innerText = `${pitanje}. Koja bitka se smatra odlučujućom u Napoleonovim ratovima 1815. godine?`; - prvo_tekst.innerText = 'A) Velika Britanija'; - drugo_tekst.innerText = 'B) Francuska'; - trece_tekst.innerText = 'C) SAD'; - cetvrto_tekst.innerText = 'D) Švedska'; + naslov.innerText = `${pitanje}. 冷战时期，哪两个国家是主要的超级大国？`; + prvo_tekst.innerText = 'A) 英国和法国'; + drugo_tekst.innerText = 'B) 中国和日本'; + trece_tekst.innerText = 'C) 美国和苏联'; + cetvrto_tekst.innerText = 'D) 德国和意大利'; } [prvo, drugo, trece, cetvrto].forEach(r => r.checked = false); document.querySelectorAll('.klikabilno').forEach(l => l.classList.remove('bold')); @@ -139,8 +139,8 @@ getOpcije = (pitanje) => { ]; } else if(pitanje === 3){ return [ - {el: prvo, tacno: true}, - {el: drugo, tacno: false}, + {el: prvo, tacno: false}, + {el: drugo, tacno: true}, {el: trece, tacno: false}, {el: cetvrto, tacno: false} ]; @@ -161,21 +161,77 @@ getOpcije = (pitanje) => { } } +const snimiPogresnoPitanje = (pitanjeBroj, korisnikovOdgovor) => { + const pitanjaData = { + 1: { + pitanje: '哪个事件被认为是第一次世界大战的开始？', + opcije: ['A) 签署凡尔赛条约', 'B) 弗朗茨·斐迪南遇刺', 'C) 俄国革命开始', 'D) 凡尔登战役'], + tacanOdgovor: 'B) 弗朗茨·斐迪南遇刺' + }, + 2: { + pitanje: '哪位皇帝在基督诞生时统治罗马帝国？', + opcije: ['A) 尤利乌斯·凯撒', 'B) 尼禄', 'C) 奥古斯都', 'D) 图拉真'], + tacanOdgovor: 'C) 奥古斯都' + }, + 3: { + pitanje: '哪个国家首次使用蒸汽机车运送乘客？', + opcije: ['A) 德国', 'B) 英国', 'C) 法国', 'D) 美国'], + tacanOdgovor: 'B) 英国' + }, + 4: { + pitanje: '哪场战役被认为是1815年拿破仑战争的决定性战役？', + opcije: ['A) 特拉法加战役', 'B) 滑铁卢战役', 'C) 莱比锡战役', 'D) 奥斯特里茨战役'], + tacanOdgovor: 'B) 滑铁卢战役' + }, + 5: { + pitanje: '冷战时期，哪两个国家是主要的超级大国？', + opcije: ['A) 英国和法国', 'B) 中国和日本', 'C) 美国和苏联', 'D) 德国和意大利'], + tacanOdgovor: 'C) 美国和苏联' + } + }; + + const data = pitanjaData[pitanjeBroj]; + if (!data) return; + + const pogresnoPitanje = { + id: `istorija_${pitanjeBroj}_${Date.now()}`, + kategorija: '历史', + pitanje: data.pitanje, + opcije: data.opcije, + korisnikovOdgovor: korisnikovOdgovor, + tacanOdgovor: data.tacanOdgovor, + vreme: new Date().toISOString() + }; + + let pogresnaPitanja = JSON.parse(localStorage.getItem('wrongQuestions') || '[]'); + + const postojece = pogresnaPitanja.find(p => + p.kategorija === '历史' && p.pitanje === data.pitanje + ); + + if (!postojece) { + pogresnaPitanja.push(pogresnoPitanje); + localStorage.setItem('wrongQuestions', JSON.stringify(pogresnaPitanja)); + } +}; + proveri.onclick = () => { const opcije = getOpcije(pitanje); const izabrana = opcije.find(opt => opt.el.checked); if(!izabrana){ tacno_netacno.style.color = '#374151' - tacno_netacno.innerText = 'Morate nešto da izaberete!'; + tacno_netacno.innerText = '请选择一个答案！'; return; } proveri.style.display = 'none'; sledece.style.display = 'block'; + const korisnikovOdgovor = izabrana.el.nextElementSibling.innerText; + if(izabrana.tacno){ - tacno_netacno.innerText = `Bravo ${moj_username} tacan odgovor!`; + tacno_netacno.innerText = `恭喜 ${moj_username}，回答正确！`; tacno_netacno.style.color = '#22C55E'; bodovi += 10; @@ -188,17 +244,19 @@ proveri.onclick = () => { wrapper.style.animation = 'tacanOdgovor 1s 1'; tacan_odgovor ++; } else { - tacno_netacno.innerText = 'Netacan odgovor!'; + tacno_netacno.innerText = '回答错误！'; tacno_netacno.style.color = '#EF4444'; + snimiPogresnoPitanje(pitanje, korisnikovOdgovor); + wrapper.style.animation = 'none'; void wrapper.offsetWidth; wrapper.style.animation = 'netacanOdgovor 1s 1'; } - bodovi_tekst.innerText = `Bodovi: ${bodovi}`; + bodovi_tekst.innerText = `分数：${bodovi}`; if(pitanje === 5){ - sledece.innerText = 'Kraj kviza'; + sledece.innerText = '测验结束'; sledece.onclick = krajKviza; } }; @@ -206,11 +264,11 @@ krajKviza = () => { let procenat = (tacan_odgovor / pitanje) * 100; procenat = (procenat.toFixed(2)); if(bodovi === (pitanje * 10)) { - naslov.innerHTML = `Cestitam ${moj_username} kviz je završen!Na sva pitanja ste dali tacan odgovor!
Broj bodova: ${bodovi}/${pitanje*10}
${procenat}%
`; + naslov.innerHTML = `恭喜 ${moj_username}，测验完成！所有问题都回答正确！
得分：${bodovi}/${pitanje*10}
${procenat}%
`; }else if(bodovi === 0){ - naslov.innerHTML = `${moj_username} kviz je završen!Ni na jedno pitanje niste dali tacan odgovor!
Broj bodova: ${bodovi}/${pitanje*10}
${procenat}%
`; + naslov.innerHTML = `${moj_username}，测验完成！很遗憾，没有答对任何题目！
得分：${bodovi}/${pitanje*10}
${procenat}%
`; }else { - naslov.innerHTML = `Cestitam ${moj_username} kviz je završen!
Broj bodova: ${bodovi}/${pitanje*10}
${procenat}%
`; + naslov.innerHTML = `恭喜 ${moj_username}，测验完成！
得分：${bodovi}/${pitanje*10}
${procenat}%
`; } @@ -225,7 +283,7 @@ krajKviza = () => { timeline_container.style.display = 'none'; tacno_netacno.style.color = '#111827' - tacno_netacno.innerHTML = '⬅Vrati se na pocetnu'; + tacno_netacno.innerHTML = '⬅返回首页'; vrati.remove(); } diff --git a/wrong-questions.html b/wrong-questions.html new file mode 100644 index 0000000..a7eba5e --- /dev/null +++ b/wrong-questions.html @@ -0,0 +1,67 @@ + + + + + + + + + + +
+ ⬅ 返回首页
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 📝 错题库
+共 0 道错题
+
+
+
+
+
+
+ 🎉 太棒了！
+目前没有错题记录
+
+
+
+
+
+
+
\ No newline at end of file
X
+关于作者
+我叫Goran Basic，19岁，是ITS - 高等信息技术职业学院的学生。
+这个测验是出于个人好奇心和将在大学学到的知识应用于实践的愿望而创建的。
+在项目开发过程中，我使用HTML、CSS和JavaScript研究了问题逻辑、评分和应用功能。
+我的目标是通过独立工作进一步提高我的Web编程技能并测试我自己的想法。
+