<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Üzenetkezelő</title>
    <style>
        .uzenet {
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
        }
        .torlesGomb {
            margin-left: 10px;
            background-color: red;
            color: white;
            border: none;
            padding: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>

    <h1>Levelező</h1>

    <label for="uzenetTargy">Üzenet tárgya:</label>
    <input type="text" id="uzenetTargy" placeholder="Tárgy"><br><br>

    <label for="uzenetSzoveg">Üzenet szövege:</label>
    <textarea id="uzenetSzoveg" placeholder="Szöveg"></textarea><br><br>

    <button id="hozzaadGomb">Új üzenet hozzáadása</button>

    <div id="uzenetek"></div>

    <script src="levelezo.js" defer></script>
</body>
</html>