mirror of
https://github.com/TheErrorExe/blockattack
synced 2025-09-05 21:11:00 +02:00
Update index.html
This commit is contained in:
parent
3e2733690a
commit
6b9c51fe3e
@ -26,17 +26,17 @@
|
|||||||
</section>
|
</section>
|
||||||
<section id="features">
|
<section id="features">
|
||||||
<h2>Warum Blockattack?</h2>
|
<h2>Warum Blockattack?</h2>
|
||||||
<div class="card" data-feature="Gebietsclaiming">
|
<div class="card" data-feature="Gebietsclaiming" data-description="Schütze dein Land vor anderen Spielern und baue es aus.">
|
||||||
<img src="/image1.jpg" alt="Feature 1">
|
<img src="/image1.jpg" alt="Feature 1">
|
||||||
<h3>Gebietsclaiming</h3>
|
<h3>Gebietsclaiming</h3>
|
||||||
<p>Schütze dein Land vor anderen Spielern und baue es aus.</p>
|
<p>Schütze dein Land vor anderen Spielern und baue es aus.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card" data-feature="PVP-Kämpfe">
|
<div class="card" data-feature="PVP-Kämpfe" data-description="Tritt in spannenden Kämpfen gegen andere Spieler an!">
|
||||||
<img src="/image2.jpg" alt="Feature 2">
|
<img src="/image2.jpg" alt="Feature 2">
|
||||||
<h3>PVP-Kämpfe</h3>
|
<h3>PVP-Kämpfe</h3>
|
||||||
<p>Tritt in spannenden Kämpfen gegen andere Spieler an!</p>
|
<p>Tritt in spannenden Kämpfen gegen andere Spieler an!</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card" data-feature="Events">
|
<div class="card" data-feature="Events" data-description="Erlebe regelmäßige Events und spannende Abenteuer.">
|
||||||
<img src="/image3.jpg" alt="Feature 3">
|
<img src="/image3.jpg" alt="Feature 3">
|
||||||
<h3>Events</h3>
|
<h3>Events</h3>
|
||||||
<p>Erlebe regelmäßige Events und spannende Abenteuer.</p>
|
<p>Erlebe regelmäßige Events und spannende Abenteuer.</p>
|
||||||
@ -50,7 +50,8 @@
|
|||||||
document.querySelectorAll('.card').forEach(card => {
|
document.querySelectorAll('.card').forEach(card => {
|
||||||
card.addEventListener('click', () => {
|
card.addEventListener('click', () => {
|
||||||
const featureName = card.getAttribute('data-feature');
|
const featureName = card.getAttribute('data-feature');
|
||||||
alert(`Du hast das Feature "${featureName}" ausgewählt!`);
|
const featureDescription = card.getAttribute('data-description');
|
||||||
|
alert(`Feature: "${featureName}"\n\nBeschreibung: ${featureDescription}`);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user