Untitled

<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Kapcsolat | Baranyi Janka honlapja</title>
    <link rel="alternate stylesheet" type="text/css" href="nagybetus.css" title="nagybetus">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" type="text/css" href="sajat.css" title="normal">


</head>
<body>
<nav class="kipoz">
    <a href="#tartalom">Ugrás a tartalomra</a>
</nav>
<header id="fomenu">
    <nav id="menu">
        <ul>
            <li><a href="index.html" title="Ugrás a Kezdőlapra">Kezdőlap</a> </li>
            <li><a href="rolam.html" title="Ugrás a Rólam lapra, ahol eddig történetem olvashatod">Rólam</a></li>
            <li><a href="szakvizsga.html" title="Ugrás a Szakvizsga lapra, ahol megtekintheted a középiskola lezárásaként készült munkámat">Szakvizsga</a></li>
            <li><a href="ajanlok.html" title="Ugrás az Ajánlók laprara, ahol ">Ajánlók</a></li>
            <li><a href="kapcsolat.html" title="Ugrás a Kapcsolat lapra, ahol elérhetőségeimet láthatod">Kapcsolat</a></li>
        </ul>

        <fieldset id="evszak">
            <input name="BG" id="spring" type="radio" value="" class="bgCollection" />
            <label for="spring">Tavasz</label>
            <br>
            <input name="BG" id="summer" type="radio" value="" class="bgCollection"/>
            <label for="summer">Nyár</label>
            <br>
            <input name="BG" id="autumn" type="radio" value="" class="bgCollection" />
            <label for="autumn">Ősz</label>
            <br>
            <input name="BG" id="winter" type="radio" value="" class="bgCollection" />
            <label for="winter">Tél</label>
            <br>
        </fieldset>
    </nav>
    <nav id="gyengenlato"><a id="nagybetu" href="#" onclick="setActiveStyleSheet('nagybetus'); return false;"><span class="ikon"></span>Nagybetűs változat</a>
        <a id="normalbetu" href="#" onclick="setActiveStyleSheet('normal'); return false;"><span class="ikon"></span>Normál változat</a>
    </nav>

</header>
<main id="tartalom">

    <article>
        <h1>Kapcsolat</h1>

        <aside><p>Itt megtalálod az elérhetőségeimet, valamint lehetőséged van értékelni az oldalamat. Bátrabbak hagyhatnak személyre szóló üzenetet is!</p></aside>

        <form action="mailto:babuteck@gmail.com"
              method="post"
              enctype="test/plain"
              id="form1" name="form1">
            <fieldset>
                <legend>Értékelés</legend>
                <p>A Te értékelésed ötös skálán</p>
                <input type="radio" name="ertekeles" id="ert1"> <label for="ert1">1
            </label>
                <input type="radio" name="ertekeles" id="ert2"> <label for="ert2">2
            </label>
                <input type="radio" name="ertekeles" id="ert3"> <label for="ert3">3
            </label>
                <input type="radio" name="ertekeles" id="ert4"> <label for="ert4">4
            </label>
                <input type="radio" name="ertekeles" id="ert5"> <label for="ert5">5
            </label>
                <br>

                <div>
                    <input type="checkbox" name="checkbox" value="1" id="checkbox2">
                    <label for="hirlevel">Szeretnék kommentet hagyni</label>


                    <textarea style="display: none;" name="t" rows="4" cols="50" id="textarea" maxlength="400"></textarea></div>
                <legend>Adataid</legend>
                <label for="nev"><b>Név</b></label> <br>
                <input type="text" name="nev" id="nev" size="50"><br>
                <input name="checkbox" type="checkbox" id="checkbox" onchange="toggleTextArea();" value="1"/>
                <label for="checkbox">Egyéb:</label>
            </fieldset>

        </form>

        <address>
            <p>Tulajdonos: Baranyi Janka <br>(<a href="mailto:b.janka1998@gmail.com">b.janka1998@gmail.com</a>)<br>8471 Káptalanfa, Sport utca 8</p>
            <p>Készítette: Baranyi Bence <br>(<a href="babuteck@gmail.com">babuteck@gmail.com</a>)<br>1096 Budapest, Sobieski János utca 11</p>
        </address>
</article>
</main>
<footer>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="season.js" type="text/javascript"></script>
<script type="text/javascript" src="styleswitcher.js"></script>

</body>
<script>
    function toggleTextArea() {
        var theForm = document.form1;
        console.log(theForm);
        var theTextArea = theForm.textarea;
        console.log(theTextArea);
        theTextArea.style.display = "block";
        if(document.form1.checkbox.check == true) {
            theTextArea.style.display = "block";
        } else {
            theTextArea.style.display = "block";
        }
    }
</script>
</html>