1 Temat przez admin

  • admin
  • admin
  • Administrator
  • Nieaktywny
  • Zarejestrowany: 18-08-2020
  • Posty: 653

Temat: arkusz-e14-02-1901

https://2.bp.blogspot.com/-lmfmV70cmGo/XOIc1aynchI/AAAAAAAADuc/Beh48-uthBkNuIL_3KOk72O0Iru7ERP9gCLcBGAs/s1600/z.png


https://egzamin-e14.blogspot.com/2019/0 … -1901.html


Skrypt
Wymagania dotyczące skryptu:

    Wykonywanie po stronie przeglądarki, wywoływany przez zdarzenie kliknięcia w dowolny przycisk
    Skrypt ma za zadanie zmienić styl CSS dla paragrafu o treści "To jest przykład paragrafu, który..." znajdującego się w panelu głównym
    Po wciśnięciu czerwonego przycisku, zmieniony jest kolor tekstu paragrafu na czerwony. Po wciśnięciu zielonego przycisku - na zielony. Po wciśnięciu niebieskiego przycisku - na niebieski
    Ponadto wciśnięcie dowolnego przycisku powoduje:
        Pobranie wartości z pola edycyjnego i ustawienie rozmiaru czcionki paragrafu pobraną wartością wyrażoną w procentach. Na przykład, jeżeli wpisano wartość 150 - rozmiar czcionki powinien być ustawiony na "150%"
        Pobranie wyboru z listy i ustawienie czcionki paragrafu na pochyłą lub wyprostowaną

2 Odpowiedź przez admin

  • admin
  • admin
  • Administrator
  • Nieaktywny
  • Zarejestrowany: 18-08-2020
  • Posty: 653

Odp: arkusz-e14-02-1901

<script>
  function klik(x)
  {
    var c1 = document.getElementById("c1");
    var l1 = document.getElementById("l1");
    var t1 = document.getElementById("t1");
    //
    t1.style.fontSize = c1.value+"%";
    //
    if (x == 1) t1.style.color = "red";
    if (x == 2) t1.style.color = "green";
    if (x == 3) t1.style.color = "blue";
    //
    if (l1.value == 0) t1.style.fontStyle = "normal";
    if (l1.value == 1) t1.style.fontStyle = "italic";
  }
</script>

<form>
<p>Podaj rozmiar tekstu w procentach: <input type="text" id="c1" value="150" onkeyup="klik(1)">%</p>

<p><select id="l1" onclick="klik(1)">
  <option value="0">prosty</option>
  <option value="1">pochylony</option>
</select></p>
</form>

<p>Jakim kolorem sformatowac tekst?</p>

<p><button style="background-color: red; width: 25px;" onclick="klik(1)">&nbsp;</button>
<button style="background-color: green; width: 25px;" onclick="klik(2)">&nbsp;</button>
<button style="background-color: blue; width: 25px;" onclick="klik(3)">&nbsp;</button></p>

<p id="t1">To jest przykład paragrafu</p>