pridan quiz projekt

3 years ago · 9316b0c42b
2 changed files with 116 additions and 0 deletions
--- a/quiz.html
+++ b/quiz.html
@ -0,0 +1,35 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Quiz Appka</title>
 </head>
 <body>
    <h1>Quiz</h1>
    <h2>Nastav si obtížnost: <div id="getobtiznost">4</div></h2>
    <input type="range" id="slider" min="2" max="10" value="4" onchange="getobtiznost()">
    <div id="qgame">
        <button  onclick="game(4)">
            ZACIT HRAT
        </button>
    </div>
    <script src="quiz.js"></script>
    <script>
    function getobtiznost() {
        var obtiznost = document.getElementById("slider").value;
        //console.log(obtiznost);
        document.getElementById("getobtiznost").innerHTML= obtiznost;
        document.getElementById("qgame").innerHTML = '<button onclick="game('+obtiznost+')">ZACIT HRAT</button>'
    }
    </script>
 </body>
 </html>
--- a/quiz.js
+++ b/quiz.js
@ -0,0 +1,81 @@
 let points = 0;
 let trueq = ["Je obloha modra?", 
 "Mikrofon je na záznam zvuku?", 
 "Reproduktory vydavaji zvuk?", 
 "Je monitor obrazové zařizení?"];
 let falseq =["V neděli se chodi do školy?", 
 "Je tiskárna vstupní obrazové zařízení?", 
 "Je papír digitalní materiál?"];
 let textq =["Která periférie nám umožňuje hýbat s kurzorem?(vše malý a bez háčků a čárek)|mys",
 "Která komponenta je nyní nedostupná díky kryptoměnám?(celý název)|graficka karta",
 "Jakou zkratku má Procesor?(vše malý)|cpu"];
 function polozitotazku1(zadani, odpoved = true) {
    // console.log(confirm(zadani));
    var hlas = confirm(zadani);
    if(odpoved == true){
        if(hlas){
            console.log("pridan bod");
            points++; // points = points + 1
        } else {
            console.log("spatna odpoved");
        }
    } else {
        if(!hlas){
            console.log("pridan bod");
            points++;
        } else {
            console.log("spatna odpoved");
        }
    }
 }
 function polozitotazku2(zadani, odpoved) {
    var hlas = prompt(zadani);
    console.log(hlas);
    if (hlas == odpoved) {
        console.log("pridan bod");
        points++;
    } else {
        console.log("spatna odpoved");
    }
 }
 function gentrueq(index) {
    var vyber = Math.floor(Math.random() * trueq.length);
    polozitotazku1(index+ " - " +trueq[vyber]);
 }
 function genfalseq(index) {
    var vyber = Math.floor(Math.random() * falseq.length);
    polozitotazku1(index+ " - " +falseq[vyber],false);
 }
 function genfullq(index) {
    var vyber = Math.floor(Math.random() * textq.length);
    let notformat = textq[vyber];
    const formated = notformat.split("|");
    polozitotazku2(index+" - "+formated[0],formated[1]);
 }
 function game(obtiznost = 3) {
    points = 0;    
    for (let i = 0; i < obtiznost; i++) {
        let index = i+1;
        var nahodnost = Math.floor(Math.random()*3);
        if(nahodnost == 0){
            gentrueq(index);
        } else if (nahodnost == 1){
            genfalseq(index);
        } else{
            genfullq(index);
        }
    }
    alert("získal jsi " + points +"/"+obtiznost);
 }