<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meine Homepage :-)</title>
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playwrite+AU+SA:wght@100..400&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Main-Style -->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style_mobile.css" media="(orientation:portrait)">
</head>
<!-- Heute wird erklärt wie du externen Style per link importieren kannst -->
<!-- Ebenfalls werden wir heute google Fonts importieren -->
<!-- zur Abwechslung sollte es heute mal wirklich eine kurze Sache werden :-) -->
<body>
<div id="balken_oben">
<img src="Patrick.png" alt="Portrait Patrick">
<ul>
<li>Ãœber mich</li>
<li>Kompetenzen</li>
<li>Hobby</li>
</ul>
</div><!-- /balken_oben -->
<header>
<div class="container-links">
<img src="Patrick.png" alt="Portrait Patrick">
</div>
<div class="container-rechts">
<h1>Patrick Bitterlin</h1>
<h5>Top-Themen</h5>
<div class="header-btn">
<a href="https://bitterlin.info" target="_blank" rel="noopener noreferrer">Webentwicklung</a>
<a href="https://bitterlin.info" target="_blank" rel="noopener noreferrer">Nerd Wissen</a>
<a href="https://bitterlin.info" target="_blank" rel="noopener noreferrer">VFR Fliegen</a>
</div>
</div>
</header>
<section>
<button type="button" id="btn-1">klick mich</button>
<button type="button" id="btn-2">klick mich</button>
</section>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<script>
document.getElementById("btn-1").addEventListener("click", ()=>{
alert("Hallo welt");
});
var btn2 = document.getElementById("btn-2");
btn2.addEventListener("click", ()=>{
alert("Ein ANDERER Text");
});
</script>
</body>
</html>