<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TanfolyamArray</title>
</head>
<body>
    <p id="feladat1"></p>
    <p id="feladat2"></p>
    <p id="feladat3"></p>
    <p id="feladat4"></p>
    <p id="feladat5"></p>
    <p id="feladat6"></p>
    <p id="feladat7"></p>
    <p id="feladat8"></p>
    <p id="feladat9"></p>
    <p id="feladat10"></p>
    <script>
        let resztvevok = ["Példa Péter", "Fájl Ferenc", "Metódus Mária", "Mező Mihály"];
        resztvevok.sort();
        document.getElementById("feladat1").innerHTML = resztvevok.toString();


        
        resztvevok.unshift("Adat Aranka");
        document.getElementById("feladat2").innerHTML = resztvevok.toString();

        document.getElementById("feladat3").innerHTML = `A tömb hossza: ${resztvevok.length}`;
        
        document.getElementById("feladat4").innerHTML = resztvevok.at(-2);
        

        resztvevok.pop();
        document.getElementById("feladat5").innerHTML = resztvevok.toString();

        let utolag_jelentkezettek = new Array("Média Mónika", "Kiterjesztés Kitti", "Típus Tímea");
        
        document.getElementById("feladat6").innerHTML = utolag_jelentkezettek.toString();

        resztvevok.concat(utolag_jelentkezettek);
        
        document.getElementById("feladat7").innerHTML = resztvevok.toString();

        resztvevok.shift();
        document.getElementById("feladat8").innerHTML = resztvevok.toString();

        resztvevok.push("Objektum Ottó");
        document.getElementById("feladat9").innerHTML = resztvevok.toString();

        document.getElementById("feladat10").innerHTML = resztvevok.reverse().toString();

    </script>
</body>
</html>