Ćwiczenia – JavaScript

Uruchamiaj kod bezpośrednio na stronie, oglądaj wyniki na żywo i w razie potrzeby podejrzyj rozwiązanie.

String

Ćwiczenie 1: Odwrócenie stringa

Podaj tekst i odwróć kolejność jego znaków.

function reverseString(){
  let txt=document.getElementById("input1").value;
  document.getElementById("wynik1").innerHTML = txt.split('').reverse().join('');
}
Tablice

Ćwiczenie 2: Suma elementów tablicy

Policz sumę liczb w gotowej tablicy.

function sumArray(){
  let numbers=[1,2,3,4,5];
  document.getElementById("wynik2").innerHTML =
    numbers.reduce((a,b)=>a+b,0);
}
Liczby

Ćwiczenie 3: Sprawdzenie liczby pierwszej

Sprawdź, czy podana liczba jest pierwsza.

function checkPrime(){
  let n=parseInt(document.getElementById("input3").value);
  if(n<2) return false;
  for(let i=2;i<=Math.sqrt(n);i++){
    if(n%i===0) return false;
  }
  return true;
}
String + regex

Ćwiczenie 4: Liczenie samogłosek

Policz, ile samogłosek jest w podanym tekście.

function countVowels(){
  let txt=document.getElementById("input4").value;
  let count = txt.match(/[aeiouyAEIOUY]/g)?.length || 0;
  document.getElementById("wynik4").innerHTML = count;
}
Math

Ćwiczenie 5: Znajdowanie największej liczby

Znajdź największą liczbę w przygotowanej tablicy.

function maxNumber(){
  let numbers=[4,17,23,8,99,56];
  document.getElementById("wynik5").innerHTML = Math.max(...numbers);
}
Pętle

Ćwiczenie 6: FizzBuzz

Wyświetl liczby 1–20, zamieniając wielokrotności 3/5 na Fizz/Buzz.

function fizzBuzz(){
  let result=[];
  for(let i=1;i<=20;i++){
    result.push(
      i%3===0 ? (i%5===0?"FizzBuzz":"Fizz")
              : i%5===0?"Buzz":i
    );
  }
  document.getElementById("wynik6").innerHTML = result.join(", ");
}
Filtracja

Ćwiczenie 7: Liczby parzyste

Wypisz tylko parzyste liczby z tablicy.

function evenNumbers(){
  let numbers=[10,15,20,25,30,35];
  document.getElementById("wynik7").innerHTML =
    numbers.filter(n=>n%2===0);
}
Tablice

Ćwiczenie 8: Odwrócenie tablicy

Odwróć kolejność elementów w tablicy.

function reverseArray(){
  let numbers=[1,2,3,4,5];
  document.getElementById("wynik8").innerHTML =
    numbers.reverse();
}
Set

Ćwiczenie 9: Usuwanie duplikatów

Usuń duplikaty z tablicy liczb.

function removeDuplicates(){
  let numbers=[1,2,2,3,4,4,5];
  document.getElementById("wynik9").innerHTML =
    [...new Set(numbers)];
}
Losowanie

Ćwiczenie 10: Losowa liczba

Wylosuj liczbę z zakresu 1–100.

function randomNumber(){
  document.getElementById("wynik10").innerHTML =
    Math.floor(Math.random()*100)+1;
}