<!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>