Javascript: Bild durch Klick entfernen

Simoony

Grünschnabel
Moinsen,

ich sitze hier an einem Projekt für animierte Webseiten und habe folgendes Problem:

ich möchte durch den Klick auf Bild1 das Bild2 (div id="c2") verschwinden lassen (siehe hinzugefügtes Bild). Daraufhin sollen weitere Bilder durch @keyframes "eingefahren" werden.
Doch das Hauptproblem besteht beim ersten Klick. Hierfür muss sehr wahrscheinlich js her. Wie kann ich mit einem Klick zwei Elemente ansprechen?

Bisher habe ich noch keine js in die html eingebaut, weil ich mir nicht sicher bin wie ich da rangehen soll. Kann mir bitte jemand weiterhelfen?
meine bisherige html sieht so aus:


<!DOCTYPE html>
<html lang="de">
<head>
<link rel="stylesheet" href="stylesheet.css">
<meta charset="utf-8">
</head>

<body>
<header>
<h1>Backen, Kochen, <br>Zaubern...</h1>
<h3>einfach und lecker Essen zubereiten.</h3>
</header>

<div id="c1">
<h2>Mandarinen-Salat</h2>
<img src="line1.png" id="line1">
</div>
<img src="salat1/salat1.png" id="salat1">
<div id="c2">
<img src="gifpfeil.gif" id="pfeil">
<h4>Klicke für die Zutaten</h4>
</div>


</body>
</html>
 

Anhänge

  • Bildschirmfoto 2018-06-14 um 10.52.41.png
    Bildschirmfoto 2018-06-14 um 10.52.41.png
    1,2 MB · Aufrufe: 3
Zurück