Tudnátok segíteni JavaScriptes ügyben?
Az a nagy helyzet hogy kell csinálnunk egy webalpot amelyen feltüntetünk egy menüt és arra kattintva megjelnik hogy előétel,főétel,desszert és ha ezek közül rákattintunk valamelyikre akkor még kidob 3 opciót (4személyre,80személyre és 160 személyre--porciók) és erre ha rákattintunk akkor kidobj a megfelelő receptet. Na már most próbálgattam csinálni egyet,de a JavaScript nem nagyon akar sikerülni. Remélem tudtok segíteni. Előre is köszönöm! 16/L
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amatic+SC">
<style>
body, html {height: 100%}
body,h1,h2,h3,h4,h5,h6 {font-family: "Amatic SC", sans-serif}
.menu {display: none}
.bgimg {
background-repeat: no-repeat;
background-size: cover;
background-image: url("food.jpg");
min-height: 90%;
}
</style>
<body>
<header class="bgimg w3-display-container w3-grayscale-min" id="home">
<div class="w3-display-middle w3-center">
<p><a href="#menu" class="w3-button w3-xxlarge w3-black">Lássuk a menüt</a></p>
</div>
</header>
<div class="w3-container w3-black w3-padding-64 w3-xxlarge" id="menu">
<div class="w3-content">
<h1 class="w3-center w3-jumbo" style="margin-bottom:64px">MENÜ</h1>
</div>
</body>
<body>
<script language="JavaScript">
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown menu if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>
</body>
</body>
</html>
válasza:Ez amit használsz ki indulásnak majdnem jó is...
Csak az openMenu -ből kell csinálni egy openSubMenu -t is, ahol az adagok vannak...
Igen,csak az a bajom hogy nem tudom hog, hogy megirni azt hogy: 1gomb->2gomb->3gom
->szöveg. Mert emigy meg lenne, csak a JavaScript az nem akar menni. 😅
válasza:1. Eleve a HTML-kód hibás: nincs <head>, hiányzik belőle a <title>, a <html> elem lang attribútuma nincs megadva, több <body> elem van egymásba ágyazva, a menu azonosítójú <div> elem nincs lezárva.
Ha leellenőrizteted a HTML-forráskódot az alábbi oldallal:
akkor bemutatja a hibás részeket.
2. Nincsenek dropbtn, dropdown-content osztályú elemek, így a Javascript nem tud rá hivatkozni.
3. A myFunction függvény sehol nincs meghívva.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!