复选框中标签颜色更改的问题

问题描述 投票:0回答:2

我正在使用HTML和JavaScript进行测验。现在,我正在尝试使用复选框来回答多个答案的问题。当您回答不正确时,您选择的答案应显示为红色,而正确的答案应显示为绿色。我尝试使用以下代码进行此操作:

JavaScript

if ( document.getElementById('doc').checked && 
   document.getElementById('prompt').checked &&
   document.getElementById('get').checked &&
   document.getElementById('alert').checked
) {
   document.getElementById("label33").style.color = 'green';
   document.getElementById("label34").style.color = 'green';
   document.getElementById("label35").style.color = 'green';
   document.getElementById("label36").style.color = 'green';
   pkt+=2;
}

HTML

<fieldset>
    <legend>Pytanie14</legend>
    <p>Jakimi sposobami można wyświetlić tekst? (Uwaga.Może być więcej niż jedna odpowiedź).</p>

    <label for="doc" id="label33"><input type="checkbox" id="doc"/>document.write("tekst");</label>
    <br>
    <label for="prompt" id="label34"><input type="checkbox" id="prompt"/>prompt("tekst");</label>
    <br>
    <label for="get" id="label35"><input type="checkbox" id="get"/>document.getElementById("id").innerHTML="tekst";</label>
    <br>
    <label for="alert" id="label36"><input type="checkbox" id="alert"/>alert("tekst");</label>
    </select>
</fieldset>

使用此代码,当我选中所有复选框时,只有一个(最后一个答案)显示为绿色,而其他则显示为红色。我将不胜感激。

javascript html input label
2个回答
0
投票

我不确定如何发送播放代码的链接,因为我从未使用过代码剪辑,因此首先我将在此处发送它

Javascript:

    function wynik(){


pkt=0;

//pytanie1
if(document.getElementById('rasmus').checked){
    document.getElementById("label1").style.color = 'red';
    document.getElementById("label3").style.color = 'green';

}

if(document.getElementById('bill').checked){
    document.getElementById("label2").style.color = 'red';
    document.getElementById("label3").style.color = 'green';

}

if(document.getElementById('brendan').checked){
    document.getElementById("label3").style.color = 'green';
    pkt+=2

}

if(document.getElementById('brajne').checked){
    document.getElementById("label4").style.color = 'red';
    document.getElementById("label3").style.color = 'green';


}


//pytanie2
if(document.getElementById('1986').checked){
    document.getElementById("label5").style.color = 'red';
    document.getElementById("label8").style.color = 'green';



}

if(document.getElementById('1985').checked){
    document.getElementById("label6").style.color = 'red';
    document.getElementById("label8").style.color = 'green';



}

if(document.getElementById('2002').checked){
    document.getElementById("label7").style.color = 'red';
    document.getElementById("label8").style.color = 'green';



}

if(document.getElementById('2002').checked){
    document.getElementById("label7").style.color = 'red';
    document.getElementById("label8").style.color = 'green';



}

if(document.getElementById('1996').checked){
   document.getElementById("label8").style.color = 'green';
   pkt+=2;



}

//pytanie3

if(document.getElementById('html').checked){
    document.getElementById("label9").style.color = 'red';
    document.getElementById("label12").style.color = 'green';



}

if(document.getElementById('js').checked){
    document.getElementById("label10").style.color = 'red';
    document.getElementById("label12").style.color = 'green';



}

if(document.getElementById('scripting').checked){
    document.getElementById("label11").style.color = 'red';
    document.getElementById("label12").style.color = 'green';



}

if(document.getElementById('script').checked){
    document.getElementById("label12").style.color = 'green';
    pkt+=2



}

if(document.getElementById('scripting').checked){
    document.getElementById("label11").style.color = 'red';
    document.getElementById("label12").style.color = 'green';



}

//pytanie4

if(document.getElementById('baza').checked){
    document.getElementById("label13").style.color = 'red';
    document.getElementById("label14").style.color = 'green';
}

if(document.getElementById('strona').checked){
    document.getElementById("label14").style.color = 'green';
    pkt+=2
}
if(document.getElementById('system').checked){
    document.getElementById("label15").style.color = 'red';
    document.getElementById("label14").style.color = 'green';
}

if(document.getElementById('gra').checked){
    document.getElementById("label16").style.color = 'red';
    document.getElementById("label14").style.color = 'green';
}


//pytanie5

if(document.getElementById('echo').checked){
    document.getElementById("label17").style.color = 'red';
    document.getElementById("label19").style.color = 'green';
}

if(document.getElementById('scriptwrite').checked){
    document.getElementById("label18").style.color = 'red';
    document.getElementById("label19").style.color = 'green';
}

if(document.getElementById('document').checked){
    document.getElementById("label19").style.color = 'green';
    pkt+=2
}


if(document.getElementById('alertbox').checked){
    document.getElementById("label20").style.color = 'red';
    document.getElementById("label19").style.color = 'green';
}

//pytanie6

if(document.getElementById('p1').checked){
    document.getElementById("label21").style.color = 'green';
    pkt+=2
}

if(document.getElementById('f1').checked){
    document.getElementById("label22").style.color = 'red';
    document.getElementById("label21").style.color = 'green';
}

//pytanie7

if(document.getElementById('f2').checked){
    document.getElementById("label24").style.color = 'green';
    pkt+=2
}

if(document.getElementById('p2').checked){
    document.getElementById("label23").style.color = 'red';
    document.getElementById("label24").style.color = 'green';
}

//pytanie8

opcja1=document.getElementById("s1").selectedIndex;

if(opcja1==0){
    document.getElementById("select1").style.color = 'red';
    document.getElementById("select3").style.color = 'green';

}

if(opcja1==1){
    document.getElementById("select2").style.color = 'red';
    document.getElementById("select3").style.color = 'green';

}

if(opcja1==2) {

    document.getElementById("select3").style.color = 'green';
    pkt+=2

}

if(opcja1==3) {
    document.getElementById("select4").style.color = 'red';
    document.getElementById("select3").style.color = 'green';

}

//pytanie9

opcja2=document.getElementById("s2").selectedIndex;

if(opcja2==0){
    document.getElementById("select5").style.color = 'green';
    pkt+=2

}

if(opcja2==1){
    document.getElementById("select6").style.color = 'red';
    document.getElementById("select5").style.color = 'green';

}

if(opcja2==2) {

    document.getElementById("select7").style.color = 'red';
    document.getElementById("select5").style.color = 'green';

}

if(opcja2==3) {
    document.getElementById("select8").style.color = 'red';
    document.getElementById("select5").style.color = 'green';

}

//pytanie10


opcja3=document.getElementById("s3").selectedIndex;

if(opcja3==0){
    document.getElementById("select9").style.color = 'red';
    document.getElementById("select12").style.color = 'green';

}

if(opcja3==1){
    document.getElementById("select10").style.color = 'red';
    document.getElementById("select12").style.color = 'green';

}

if(opcja3==2) {

    document.getElementById("select11").style.color = 'red';
    document.getElementById("select12").style.color = 'green';

}

if(opcja3==3) {
    document.getElementById("select12").style.color = 'green';
    pkt+=2

}

//pytanie11

opcja4=document.getElementById("s4").selectedIndex;

if(opcja4==0){
    document.getElementById("select13").style.color = 'red';
    document.getElementById("select15").style.color = 'green';

}

if(opcja4==1){
    document.getElementById("select14").style.color = 'red';
    document.getElementById("select15").style.color = 'green';

}

if(opcja4==2) {

    document.getElementById("select15").style.color = 'green';
    pkt+=2
}

if(opcja4==3) {
    document.getElementById("select16").style.color = 'red';
    document.getElementById("select15").style.color = 'green';

}

//pytanie12
/*     <fieldset>
        <legend>Pytanie12</legend>
        <p>Jak wykomentować tekst w Javascript? (Uwaga.Może być więcej niż jedna odpowiedź).</p>



        <label for="//" id="label25"><input type="checkbox" id="//"/>//tekst</label>
        <br>
        <label for="!" id="label26"><input type="checkbox" id="!"/>&#60;!----></label>
        <br>
        <label for="/*" id="label27"><input type="checkbox" id="/*"/>/*  *///</label>
        //<br>
        //<label for="comment" id="label28"><input type="checkbox" id="comment"/>&#60;comment></label>
        //</select>
        //</fieldset>




if(document.getElementById('//').checked && document.getElementById('!').checked && document.getElementById('/*').checked && document.getElementById('comment').checked){
    document.getElementById("label25").style.color = 'green';
    document.getElementById("label27").style.color = 'green';
    document.getElementById("label26").style.color = 'red';
    document.getElementById("label28").style.color = 'red';

}

if(document.getElementById('//').checked && document.getElementById('!').checked && document.getElementById('/*').checked){
    document.getElementById("label25").style.color = 'green';
    document.getElementById("label27").style.color = 'green';
    document.getElementById("label26").style.color = 'red';

}

if(document.getElementById('//').checked && document.getElementById('!').checked && document.getElementById('comment').checked){
    document.getElementById("label25").style.color = 'green';
    document.getElementById("label28").style.color = 'red';
    document.getElementById("label26").style.color = 'red';
    document.getElementById("label27").style.color = 'green';

}

if(document.getElementById('//').checked && document.getElementById('/*').checked && document.getElementById('comment').checked){
    document.getElementById("label25").style.color = 'green';
    document.getElementById("label27").style.color = 'green';
    document.getElementById("label28").style.color = 'red';

}

if(document.getElementById('!').checked && document.getElementById('/*').checked && document.getElementById('comment').checked){
    document.getElementById("label26").style.color = 'red';
    document.getElementById("label27").style.color = 'green';
    document.getElementById("label28").style.color = 'red';

}

if(document.getElementById('//').checked && document.getElementById('!').checked){
    document.getElementById("label26").style.color = 'red';
    document.getElementById("label25").style.color = 'green';


}

if(document.getElementById('!').checked && document.getElementById('/* ').checked){
    document.getElementById("label27").style.color = 'red';
    document.getElementById("label26").style.color = 'green';


}

 if(document.getElementById('/*').checked && document.getElementById('comment').checked){
    document.getElementById("label28").style.color = 'red';
    document.getElementById("label27").style.color = 'green';


}

if(document.getElementById('//').checked && document.getElementById('/*').checked){
    document.getElementById("label25").style.color = 'green';
    document.getElementById("label27").style.color = 'green';


}

if(document.getElementById('!').checked && document.getElementById('comment').checked){
    document.getElementById("label26").style.color = 'red';
    document.getElementById("label28").style.color = 'red';
    document.getElementById("label25").style.color = 'green';
    document.getElementById("label27").style.color = 'green';


}

if(document.getElementById('//').checked && document.getElementById('comment').checked){
    document.getElementById("label25").style.color = 'green';
    document.getElementById("label28").style.color = 'red';
    document.getElementById("label27").style.color = 'green';

}

if(document.getElementById('//').checked) {
    document.getElementById("label25").style.color = 'green';
    document.getElementById("label27").style.color = 'red';


}

if(document.getElementById('!').checked) {
    document.getElementById("label25").style.color = 'green';
    document.getElementById("label26").style.color = 'red';
    document.getElementById("label27").style.color = 'green';


}

if(document.getElementById('/*').checked) {
    document.getElementById("label25").style.color = 'red';
    document.getElementById("label27").style.color = 'green';


}

if(document.getElementById('comment').checked) {
    document.getElementById("label25").style.color = 'green';
    document.getElementById("label28").style.color = 'red';
    document.getElementById("label27").style.color = 'green';


}

//pytanie 13

if(document.getElementById('=').checked && document.getElementById(':').checked && document.getElementById('znakwiek').checked && document.getElementById('{').checked){
    document.getElementById("label32").style.color = 'green';
    document.getElementById("label31").style.color = 'red';
    document.getElementById("label30").style.color = 'red';
    document.getElementById("label29").style.color = 'red';

}

if(document.getElementById('=').checked && document.getElementById(':').checked && document.getElementById('znakwiek').checked){
    document.getElementById("label32").style.color = 'green';
    document.getElementById("label31").style.color = 'red';
    document.getElementById("label30").style.color = 'red';
    document.getElementById("label29").style.color = 'red';

}

if(document.getElementById('=').checked && document.getElementById(':').checked && document.getElementById('{').checked){
    document.getElementById("label32").style.color = 'green';
    document.getElementById("label29").style.color = 'red';
    document.getElementById("label30").style.color = 'red';

}

if(document.getElementById('=').checked && document.getElementById('znakwiek').checked && document.getElementById('{').checked){
    document.getElementById("label29").style.color = 'red';
    document.getElementById("label31").style.color = 'red';
    document.getElementById("label32").style.color = 'green';

}

if(document.getElementById(':').checked && document.getElementById('znakwiek').checked && document.getElementById('{').checked){
    document.getElementById("label30").style.color = 'red';
    document.getElementById("label32").style.color = 'green';
    document.getElementById("label31").style.color = 'red';

}

if(document.getElementById('=').checked && document.getElementById(':').checked){
    document.getElementById("label30").style.color = 'red';
    document.getElementById("label29").style.color = 'red';
    document.getElementById("label32").style.color = 'green';

}

if(document.getElementById(':').checked && document.getElementById('znakwiek').checked){
    document.getElementById("label30").style.color = 'red';
    document.getElementById("label31").style.color = 'red';
    document.getElementById("label32").style.color = 'green';

}

 if(document.getElementById('znakwiek').checked && document.getElementById('{').checked){
    document.getElementById("label31").style.color = 'red';
    document.getElementById("label32").style.color = 'green';


}

if(document.getElementById('=').checked && document.getElementById('znakwiek').checked){
    document.getElementById("label29").style.color = 'red';
    document.getElementById("label31").style.color = 'red';
    document.getElementById("label32").style.color = 'green';

}

if(document.getElementById(':').checked && document.getElementById('{').checked){
    document.getElementById("label30").style.color = 'red';
    document.getElementById("label32").style.color = 'green';


}

if(document.getElementById('=').checked && document.getElementById('{').checked){
    document.getElementById("label32").style.color = 'green';
    document.getElementById("label29").style.color = 'red';


}

if(document.getElementById('=').checked) {
    document.getElementById("label32").style.color = 'green';
    document.getElementById("label29").style.color = 'red';


}

if(document.getElementById(':').checked) {
    document.getElementById("label32").style.color = 'green';
    document.getElementById("label30").style.color = 'red';



}

if(document.getElementById('znakwiek').checked) {
    document.getElementById("label31").style.color = 'red';
    document.getElementById("label32").style.color = 'green';


}

if(document.getElementById('{').checked) {
    document.getElementById("label32").style.color = 'green';
    pkt+=2



}


//pytanie 14

if(document.getElementById('doc').checked && document.getElementById('prompt').checked && document.getElementById('get').checked && document.getElementById('alert').checked){
    document.getElementById("label33").style.color = 'green';
    document.getElementById("label34").style.color = 'green';
    document.getElementById("label35").style.color = 'green';
    document.getElementById("label36").style.color = 'green';
    pkt+=2;

}

if(document.getElementById('doc').checked && document.getElementById('prompt').checked && document.getElementById('get').checked){
    document.getElementById("label33").style.color = 'green';
    document.getElementById("label34").style.color = 'green';
    document.getElementById("label35").style.color = 'green';
    document.getElementById("label36").style.color = 'red';

}

if(document.getElementById('doc').checked && document.getElementById('prompt').checked && document.getElementById('alert').checked){
    document.getElementById("label33").style.color = 'green';
    document.getElementById("label34").style.color = 'green';
    document.getElementById("label35").style.color = 'red';
    document.getElementById("label36").style.color = 'green';
}

if(document.getElementById('doc').checked && document.getElementById('get').checked && document.getElementById('alert').checked){
    document.getElementById("label33").style.color = 'green';
    document.getElementById("label34").style.color = 'green';
    document.getElementById("label35").style.color = 'red';
    document.getElementById("label36").style.color = 'green';

}

if(document.getElementById('prompt').checked && document.getElementById('get').checked && document.getElementById('alert').checked){
    document.getElementById("label33").style.color = 'red';
    document.getElementById("label34").style.color = 'green';
    document.getElementById("label35").style.color = 'green';
    document.getElementById("label36").style.color = 'green';

}

if(document.getElementById('doc').checked && document.getElementById('prompt').checked){
    document.getElementById("label33").style.color = 'green';
    document.getElementById("label34").style.color = 'green';
    document.getElementById("label35").style.color = 'red';
    document.getElementById("label36").style.color = 'red';

}

if(document.getElementById('prompt').checked && document.getElementById('get').checked){
    document.getElementById("label33").style.color = 'red';
    document.getElementById("label34").style.color = 'green';
    document.getElementById("label35").style.color = 'green';
    document.getElementById("label36").style.color = 'red';

}

 if(document.getElementById('get').checked && document.getElementById('alert').checked){
    document.getElementById("label33").style.color = 'red';
    document.getElementById("label34").style.color = 'red';
    document.getElementById("label35").style.color = 'green';
    document.getElementById("label36").style.color = 'green';


}

if(document.getElementById('doc').checked && document.getElementById('get').checked){
    document.getElementById("label33").style.color = 'green';
    document.getElementById("label34").style.color = 'red';
    document.getElementById("label35").style.color = 'green';
    document.getElementById("label36").style.color = 'red';

}

if(document.getElementById('prompt').checked && document.getElementById('alert').checked){
    document.getElementById("label33").style.color = 'red';
    document.getElementById("label34").style.color = 'green';
    document.getElementById("label35").style.color = 'red';
    document.getElementById("label36").style.color = 'green';


}

if(document.getElementById('doc').checked && document.getElementById('alert').checked){
    document.getElementById("label33").style.color = 'green';
    document.getElementById("label34").style.color = 'red';
    document.getElementById("label35").style.color = 'red'
    document.getElementById("label36").style.color = 'green'


}

if(document.getElementById('doc').checked) {
    document.getElementById("label33").style.color = 'green';
    document.getElementById("label34").style.color = 'red';
    document.getElementById("label35").style.color = 'red';
    document.getElementById("label36").style.color = 'red';


}

if(document.getElementById('prompt').checked) {
    document.getElementById("label33").style.color = 'red';
    document.getElementById("label34").style.color = 'green';
    document.getElementById("label35").style.color = 'red';
    document.getElementById("label36").style.color = 'red';



}

if(document.getElementById('get').checked) {
    document.getElementById("label33").style.color = 'red';
    document.getElementById("label34").style.color = 'red';
    document.getElementById("label35").style.color = 'green';
    document.getElementById("label36").style.color = 'red';

}

if(document.getElementById('alert').checked) {
    document.getElementById("label33").style.color = 'red';
    document.getElementById("label34").style.color = 'red';
    document.getElementById("label35").style.color = 'red';
    document.getElementById("label36").style.color = 'green';




}




//pytanie17

}

所以我在注释后有这个问题:// pytanie 14


0
投票

HTML

   <body text="blanchedalmond">

    <h1>Quiz-JS</h1>
    -
    <fieldset class="field">
    <legend style="color:blanchedalmond">Podaj imię i twoje nazwisko</legend>
    <form>
        <table>
            <tr>
    <td><span style="color:blanchedalmond">Imię:</span></td><td><input type="text" id="imie" /></td>
            </tr>
            <tr>
    <td><span style="color:blanchedalmond">Nazwisko:</span></td><td><input type="text" id="nazwisko" /></td>
    </tr>


    </table>
    <input type="submit" value="Zapisz Dane"  onclick="zapisz()"/>


    </form>


    </fieldset>
    <br>
    <br>
    <form>

    <fieldset>
    <legend>Pytanie1</legend>
    <p>Kto stworzył Javascript?</p>
    <label for="rasmus"  id="label1"><input type="radio" id="rasmus" name="pytanie1" />Rasmus Lerdorf</label>
    <br>
    <label for="bill" id="label2"><input type="radio" id="bill" name="pytanie1"/>Bill Gates</label>
    <br>
    <label for="brendan" id="label3"><input type="radio" id="brendan" name="pytanie1"/>Brendan Eich</label>
    <br>
    <label for="brajne" id="label4"><input type="radio" id="brajne" name="pytanie1"/>Bjarne Stroustrup</label>
    </fieldset>

    <fieldset>
        <legend>Pytanie2</legend>
        <p>Jaki rok uznaję się za pojawienie się Javascriptu? </p>
    <label for="1986" id="label5"><input type="radio" id="1986" name="pytanie2" />1986</label>
    <br>
    <label for="1985" id="label6"><input type="radio" id="1985" name="pytanie2"/>1985</label>
    <br>
    <label for="2002" id="label7"><input type="radio" id="2002" name="pytanie2"/>2002</label>
    <br>
    <label for="1996" id="label8"><input type="radio" id="1996" name="pytanie2"/>1996</label>

        </fieldset>


        <fieldset>
         <legend>Pytanie3</legend>
         <p>W jakim znaczniku piszemy kod Javascript?</p>
         <label for="html" id="label9"><input type="radio" id="html" name="pytanie3"/>&#60;html&#62;</label>
         <br>
         <label for="js" id="label10"><input type="radio" id="js" name="pytanie3"/>&#60;js&#62;</label>
         <br>
         <label for="scripting" id="label11"><input type="radio" id="scripting" name="pytanie3"/>&#60;scripting&#62;</label>
         <br>
         <label for="script" id="label12"><input type="radio" id="script" name="pytanie3"/>&#60;script&#62;</label>
         </fieldset>


        <fieldset>
         <legend>Pytanie4</legend>
         <p>Do czego stosujemy Javascript?</p>
         <label for="baza" id="label13"><input type="radio" id="baza" name="pytanie4"/>Do interakcji z bazą danych</label>
         <br>
         <label for="strona" id="label14"> <input type="radio" id="strona" name="pytanie4"/>Do interakcji stron oraz obsługi zdarzeń</label>
         <br>
         <label for="system" id="label15"><input type="radio" id="system" name="pytanie4"/>Przenoszenie między róznymi systemami operacyjnym</label>
         <br>
         <label for="gra" id="label16"><input type="radio" id="gra" name="pytanie4"/>Gry 3D</label>
         </fieldset>


        <fieldset>
         <legend>Pytanie5</legend>
         <p>Jak w Javascript zapisać tekst  "Hello World"</p>
         <label for="echo" id="label17"><input type="radio" id="echo" name="pytanie5"/>echo "Hello World";</label>
         <br>
         <label for="scriptwrite" id="label18"> <input type="radio" id="scriptwrite" name="pytanie5"/>&#60;scriptwrite&#62;Hello World&#60;/scriptwrite&#62;</label>
         <br>
         <label for="document" id="label19"><input type="radio" id="document" name="pytanie5"/>document.write("Hello World");</label>
         <br>
         <label for="alertbox" id="label20"><input type="radio" id="alertbox" name="pytanie5"/>alertbox("Hello World");</label>
         </fieldset>



        <fieldset>
            <legend>Pytanie6</legend>
            <p>Zewnętrzny plik Javascript potrzebuje znacznika &#60;script> </p>
            <label for="p1" id="label21"><input type="radio" id="p1" name="pytanie6"/>Prawda</label>
            <br>
            <label for="f1" id="label22"><input type="radio" id="f1" name="pytanie6"/>Fałsz</label>

            </fieldset>




        <fieldset>
            <legend>Pytanie7</legend>
            <p>Javascript to to samo co Java</p>
            <label for="p2" id="label23"><input type="radio" id="p2" name="pytanie7"/>Prawda</label>
            <br>
            <label for="f2" id="label24"><input type="radio" id="f2" name="pytanie7"/>Fałsz</label>

            </fieldset>


        <fieldset>
         <legend>Pytanie8</legend>
         <p>Ile będzie wynosiło i gdy i=5%2</p>

         <select size="4" id="s1">

         <option  id="select1">2.5</option>
         <option  id="select2">10</option>
         <option  id="select3">1</option>
         <option  id="select4">7.5</option>



         </select>
         </fieldset>


        <fieldset>
         <legend>Pytanie9</legend>
         <p>Ile będzie wynosiło x gdy x=y**y  przy czym y=3</p>

         <select size="4" id="s2">

         <option id="select5">27</option>
         <option id="select6">9</option>
         <option id="select7">1</option>
         <option id="select8">6</option>



         </select>
         </fieldset>


        <fieldset>
         <legend>Pytanie10</legend>
         <p>Ile wynosi Math.sqrt(9);?</p>

         <select size="4" id="s3">

         <option id="select9">9</option>
         <option id="select10">81</option>
         <option id="select11">18</option>
         <option id="select12">3</option>



         </select>
         </fieldset>




         <fieldset>
            <legend>Pytanie11</legend>
            <p>Ile wynosi Math.floor(12.99);?</p>

            <select size="4" id="s4">

            <option id="select13">13</option>
            <option id="select14">10</option>
            <option id="select15">12</option>
            <option id="select16">20</option>



            </select>
            </fieldset>



         <fieldset>
            <legend>Pytanie12</legend>
            <p>Jak wykomentować tekst w Javascript? (Uwaga.Może być więcej niż jedna odpowiedź).</p>



            <label for="//" id="label25"><input type="checkbox" id="//"/>//tekst</label>
            <br>
            <label for="!" id="label26"><input type="checkbox" id="!"/>&#60;!----></label>
            <br>
            <label for="/*" id="label27"><input type="checkbox" id="/*"/>/*  */</label>
            <br>
            <label for="comment" id="label28"><input type="checkbox" id="comment"/>&#60;comment></label>
            </select>
            </fieldset>

            <fieldset>
                <legend>Pytanie13</legend>
                <p>Jak zdefiniowiać poprawnie funkcje? (Uwaga.Może być więcej niż jedna odpowiedź).</p>



                <label for="=" id="label29"><input type="checkbox" id="="/>function funkcja()=//lista argumentów;</label>
                <br>
                <label for=":" id="label30"><input type="checkbox" id=":"/>function funkcja()://lista argumentów;</label>
                <br>
                <label for="znakwiek" id="label31"><input type="checkbox" id="znakwiek"/>function funkcja() &#60;//lista argumentów></label>
                <br>
                <label for="{" id="label32"><input type="checkbox" id="{"/>&#60;function funkcja(){//lista argumentów}</label>
                </select>
                </fieldset>

               <fieldset>
                <legend>Pytanie14</legend>
                <p>Jakimi sposobami można wyświetlić tekst? (Uwaga.Może być więcej niż jedna odpowiedź).</p>



                <label for="doc" id="label33"><input type="checkbox" id="doc"/>document.write("tekst");</label>
                <br>
                <label for="prompt" id="label34"><input type="checkbox" id="prompt"/>prompt("tekst");</label>
                <br>
                <label for="get" id="label35"><input type="checkbox" id="get"/>document.getElementById("id").innerHTML="tekst";</label>
                <br>
                <label for="alert" id="label36"><input type="checkbox" id="alert"/>alert("tekst");</label>
                </select>
               </fieldset>

                 <fieldset>
                <legend>Pytanie15</legend>
                <p>Która/e z tych pętli zadziała w Javascripcie? (Uwaga.Może być więcej niż jedna odpowiedź).</p>



                 <label><input type="checkbox" id="//"/>for(i=1;i&#60;i++){//argument}</label>
                 <br>
                 <label><input type="checkbox" id="!"/>while(i&#60;12){i++}</label>
                 <br>
                <label><input type="checkbox" id="/*"/>for(i=1.i&#60;.i++)[//argument]</label>
                 <br>
                 <label><input type="checkbox" id="comment"/>while(i&#60;12) do{i++}</label>
                 </select>
                 </fieldset>

                 <fieldset>
                    <legend>Pytanie16</legend>
                    <p>Za pomocą jakiego słowa klkuczowego możemy wywołać zmienną?</p>

                         <input type="text" id="zmienna" />       


                     </fieldset>

                     <fieldset>
                        <legend>Pytanie17</legend>
                        <p>Dokończ fragment kodu tak aby "i" mieściło się w przedziale {2,3,4,5,6}</p>

                             <input type="text" id="petla" value="for(;i&#60;=6;i++) {document.write(i);}" size="50" />       


                         </fieldset>

                         <fieldset>
                            <legend>Pytanie18</legend>
                            <p>Za pomocą id o nazwie "java" dokończ poniższy kod aby wyświetlił tekst "Hello World"</p>

                                 <input type="text" id="funkcja" value="function pokaz(){document.get    }"size="100" />       


                             </fieldset>
                             <br>
                             <br>
                             <input type="button" value="Sprawdźmy!" onclick="wynik()" />
     </form>
© www.soinside.com 2019 - 2024. All rights reserved.