Verwandte Themen

Frage
von Gerunimuz
24.09.2023, 14:55
html ,medien bzw fotoslider?
<div class="slider">
<div class="slide">
<img src="bilder (1).jpg" alt="Bild 1">
</div>
<div class="slide">
<img src="bilder (2).jpg" alt="Bild 2">
</div>
<div class="slide">
<img src="bilder (3).jpg" alt="Bild 3">
</div>
   
</div>
<button class="prev" id="b1">←</button>
<button class="next" id="b2">→</button>

HIER IST DER CSS TEIL

.slider {
  display: flex;
  overflow: hidden;
  width: 100%;
  transition: transform 0.3s ease;
}
.slide {
  flex: 0 0 100%;
}
img {
  max-width: 30vw;
  height: auto;
}
#b1 {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
   
  top: 100%;
  transform: translateY(-50%);
  z-index: 1;
}
#b2 {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
   
  top: 100%;
  transform: translateY(-50%);
  z-index: 1;
}
.prev {
  left: 10px;
}
.next {
  right: 10px;
}

HIER IST DER JAVA TEIL

const slider = document.querySelector('.slider');
const prevButton = document.querySelector('.prev');
const nextButton = document.querySelector('.next');
let currentIndex = 0;
prevButton.addEventListener('click', () => {
  currentIndex = Math.max(currentIndex - 1, 0);
  updateSlider();
});
nextButton.addEventListener('click', () => {
  currentIndex = Math.min(currentIndex + 1, slider.children.length - 1);
  updateSlider();
});
function updateSlider() {
  const translateX = -currentIndex * 100 + '%';
  slider.style.transform = `translateX(${translateX})`;
}
updateSlider();

also... HALLO erstmal.. ich hab das problem dass wenn ich das nächte Bild nach rechts anpeilen will, einfach keins erscheint. das erste bild swiped nach links und ich kann es auch wieder holen. Trotzdem laden die anderen nicht :/
Bitte um seelische und physikalische unterstützung :Þ

CSS, JavaScript
1 Antwort
Frage
von wbg707606
21.09.2023, 14:23
Clickfunnel: Wieso funktioniert nur jedes zweite JavaScript-Element?

Ich habe in meinem ClickFunnel vier JavaScript-Elemente. Sie sind nicht direkt hintereinander, aber genau gleich gecodet.

Es handelt sich dabei um Dropdown-Elemente.

Mein Problem ist, dass das erste und dritte Element problemlos funktioniert, aber das zweite und vierte nicht. Da kommt kein Dropdown, wenn ich darauf klicke, obwohl alle Elemente gleich gecodet sind.

Woran könnte das liegen? Stehen die einander vielleicht im Weg? Ich kann es auch leider nicht anders machen, da zwischen den Elementen Bilder sind, die dazu gehören.

Hier mein Code (HTML / JS) von einem Element:

<div class="all4">
  <div class="obj">
    <button class="Produkte" style="margin-right: 1vw;">Kompressor</button>
    <div class="panel">
      <p>
        Tankinhalt: 2 × 50 Liter</br>
        Energiequelle: Honda 4Takt GX200 bleifrei</br>
        Antrieb: Riemen</br>
        Atom. Standgas: Ja</br>
        Start: Zugseil</br>
        Abgabeleistung: 490 Liter Minute bei 12 bar</br>
        Abgabeleistung: 550 Liter Minute bei 6 bar</br>
        Max. Druck: 12 bar</br>
        Abmessungen: 95cm × 51cm × 85cm (ohne Transportgriffe)</br>
        Gewicht: ca. 75 Kg</br>
        Lärm: ca. 95 Db</br>
        Garantie: 1 Jahr</br>
      </p>
    </div>
  </div>
  <script>
    var acc = document.getElementsByClassName("Produkte");
    var i;

    for (i = 0; i < acc.length; i++) {
      acc[i].addEventListener("click", function() {
        this.classList.toggle("active");
        var panel = this.nextElementSibling;

        if (panel.style.display === "block") {
          panel.style.display = "none";
        }
        else {
          panel.style.display = "block";
        }
      });
    }
  </script>
HTML, CSS, JavaScript
3 Antworten
Frage
von ToteSeele540
12.09.2023, 09:39
Frage an JavaScript Entwickler?

Ich entwickel gerade ein Spiel und brauchte gerade bisschen Hilfe von ChatGPT und ich verstehe diese Funktion nicht. Bzw. ich verste die If Abfrage hier nicht. Ich saß gestern schon an dieser Funktion und verstehe es einfach nicht. Ich habe fast geweint.

Ich bin dabei ein Ping Pong Spiel zu verstehen.

 // Event-Listener für Mausbewegungen auf dem Dokument
  document.addEventListener("mousemove", function(event) {
    // Die Mausposition relativ zum Spielfeld abrufen
     const mouseY = event.clientY - gameArea.getBoundingClientRect().top;
    // Begrenzen Sie die Spieler-Schlägerbewegung innerhalb des Spielfelds
    if (mouseY >= 0 && mouseY <= gameArea.clientHeight - playerPaddle.clientHeight ) {
      // Aktualisieren Sie die Position des Spieler-Schlägers basierend auf der Mausposition
      playerPaddle.style.top = mouseY + "px";
    }
  });

------------------------------------------------------------

event.clientY ist der Abstand zwischen Mausposition und oberen Rand der gameArea.

gameArea.getBoundingClientRect().top gibt die Information über die Länge zwischen oberen und unteren Rand der gameArea.

event.clientY - gameArea.getBoundingClientRect().top müsste dann eine negative Zahl, also im Minus Bereich ergeben.

Da verstehe ich nicht, wie die If Abfrage dann funktioniert.

 if (mouseY >= 0 && mouseY <= gameArea.clientHeight - playerPaddle.clientHeight ) {
  
    playerPaddle.style.top = mouseY + "px";
    }

Weil mouseY, also die constante , ist immer kleiner als 0, wenn sie sich innerhalb der gamerArea befindet und da sie kleiner als null ist, wie kann es sein, dass der playerPaddle die Maus verfolgt im Spiel. Also wie kann es sein, dass die If Abfrage funktioniert in dem Fall.

Ich verstehe es einfach nicht, bin ich zu dumm dafür?

HTML, Webseite, JavaScript, Code, Programmiersprache, Webentwicklung
2 Antworten
Frage
von Gcgccgcg
30.08.2023, 00:15
Mit Bildern
Discord JS Bot Button Geht nicht?

Meine index.js

const Discord = require('discord.js');
const { Intents } = Discord;
const client = new Discord.Client({
  intents: [Intents.FLAGS.GUILDS, Intents.FLAGS.GUILD_MEMBERS, Intents.FLAGS.GUILD_MESSAGES]
});

const welcomeBot = require('./Commands/welcome-bot');
const Zaehlung = require('./Commands/Zaehlung');

const channelId = '1132493981956194381';
const targetChannelId = '1132493981771628610';
const verifiedRoleId = '1132493981306077190';

client.on('ready', async () => {
  console.log(`Logged in as ${client.user.tag}`);

  const targetChannel = await client.channels.fetch(targetChannelId);

  const button = new Discord.MessageButton()
    .setStyle('PRIMARY')
    .setLabel('Verifizieren')
    .setCustomId('verify');

  const row = new Discord.MessageActionRow().addComponents(button);

  await targetChannel.send({
    content: 'Klicke auf den Button, um dich zu verifizieren:',
    components: [row]
  });

  console.log('Code reached here.');
});

client.on('message', async (message) => {
  if (message.channel.id === channelId && !message.author.bot) {
    Zaehlung.processMessage(message, channelId);
  }
});

client.on('guildMemberAdd', async (member) => {
  welcomeBot(member);
});

client.once('ready', () => {
  console.log('Bot ist bereit.');
});

client.login('');

Meine AntiBot.js Was in ordner Commands ist 

const Discord = require('discord.js');


module.exports = async (client) => {
    console.log('Bot ist bereit.');


    const targetChannelId = '1132493981771628610';
    const verifiedRoleId = '1132493981306077190';


    try {
        const targetChannel = await client.channels.fetch(targetChannelId);


        const button = new Discord.MessageButton()
            .setStyle('PRIMARY')
            .setLabel('Verifizieren')
            .setCustomId('verify');


        const row = new Discord.MessageActionRow().addComponents(button);


        await targetChannel.send({
            content: 'Klicke auf den Button, um dich zu verifizieren:',
            components: [row],
        });
    } catch (error) {
        console.error('Fehler beim Senden des Buttons:', error);
    }
};


client.on('interactionCreate', async (interaction) => {
    if (!interaction.isButton()) return;


    if (interaction.customId === 'verify' && interaction.user) {
        const verifiedRole = interaction.guild.roles.cache.get(verifiedRoleId);
        if (verifiedRole) {
            try {
                await interaction.member.roles.add(verifiedRole);
                await interaction.reply({
                    content: 'Du wurdest erfolgreich verifiziert!',
                    ephemeral: true,
                });
            } catch (error) {
                console.error('Fehler beim Verifizieren des Mitglieds:', error);
            }
        }
    }
});

Button Wird Bei Bot start erstellt aber wenn ich drauf klicke kommt diese fehler meldng Von Discord

Sehe mein Bild und in console gibt leider keine Fehler meldung Ich hoffe ihr könnt mir hilfen

Bild zum Beitrag
JavaScript, Code, Programmiersprache, node.js, Discord, Discord Bot
1 Antwort
Frage
von doedel0815
28.08.2023, 19:43
Hab heute ein Vorstellungsgespräch gehabt als Junior Softwareentwickler aber fühle mich schlecht?

Moin,

Ich hatte heute n Gespräch und fühle mich Ultra schlecht. Ich hatte mich als Softwareentwickler beworben und es wurde mir Fragen zum Objekt orientierten Programmierung gestellt.

Ich sollte Java Design patterns nennen und kannte keine, weil wir hatten das nicht im Studium. Dann hat mir der gegenüber erklärt, was singleton ist und ich sollte sagen, wie man das in Java umsetzen kann, dass nur eine einzige Instanziierung einer Klasse umgesetzt wird. Ich meinte, man könne halt 'nen Zähler einbauen, der dann reagiert durch den Konstruktor, aber mir ist static nicht eingefallen (ich hatte schonmal damit gecodet und auch sowas in c++ eingebaut).

Dann wurde mir die Frage gestellt, ob in Java und C# Mehrfachvererbung existiert und ich hatte falsch geantwortet. Ich hatte viel mit Javascript gecodet, aber nie mit Typescript. Dann wurde ich halt gefragt, wo die Unterschiede sind, konnte ich auch nicht beantworten.

Ich sitze hier und mache mich selber fertig, kann net ruhig schlafen. Hab jetzt Zeit bis die sich überlegen, ob ich in die nächste Phase komme (Programmierung mit denen zusammen) oder ob kein Bedarf besteht.

Ich hab mir schon vorgenommen, mich über mögliche Interviewfragen besser zu informieren. Aber fühle mich trotzdem sehr schlecht.

Bis jetzt hab ich von 4 Bewerbungen 3 Einladungen bekommen

Test, Arbeit, App, Bewerbung, Job, Java, JavaScript, C Sharp, Programmiersprache, Vorstellungsgespräch
6 Antworten
Frage
von Gcgccgcg
28.08.2023, 15:17
Discord Bot Programmieren Fehler?

Hallo Leute ich wollte eine Bot programmieren Wenn man Auf den Button klickt Soll man eine Rolle bekommen Wäre schön wenn es in Unterordner kommt habe es aber nicht hinbekommen

```

const { Client, Intents, MessageButton, MessageActionRow } = require('discord.js');

const welcomeBot = require('./Commands/welcome-bot');

const client = new Client({

intents: [

Intents.FLAGS.GUILDS,

Intents.FLAGS.GUILD_MESSAGES,

Intents.FLAGS.GUILD_MEMBERS,

],

});

client.once('ready', async () => {

console.log('Bot ist bereit.');

const targetChannelId = '1132493981771628610'; // Ersetze durch die ID des Zielkanals

const targetChannel = await client.channels.fetch(targetChannelId);

if (targetChannel && targetChannel.isText()) {

const button = new MessageButton()

.setStyle('SUCCESS')

.setLabel('Verifizieren')

.setCustomId('verify');

const row = new MessageActionRow().addComponents(button);

await targetChannel.send({

content: 'Klicke auf den Button, um dich zu verifizieren:',

components: [row],

});

}

});

client.on('interactionCreate', async (interaction) => {

if (!interaction.isButton()) return;

if (interaction.customId === 'verify' && interaction.user) {

const verifiedRole = interaction.guild.roles.cache.get('1132493981306077190');

if (verifiedRole) {

await interaction.member.roles.add(verifiedRole);

await interaction.reply({

content: 'Du wurdest erfolgreich verifiziert!',

ephemeral: true, // Nur für den Benutzer sichtbar

});

}

}

});

client.on('guildMemberAdd', async (member) => {

welcomeBot(member);

});

client.login('');

```

Fehler Meldung

Node.js v19.9.0

C:\Users\Administrator\Desktop\Discord-Bots\NeonCity>npm install discord.js

up to date, audited 25 packages in 1s

found 0 vulnerabilities

C:\Users\Administrator\Desktop\Discord-Bots\NeonCity>node index.js

C:\Users\Administrator\Desktop\Discord-Bots\NeonCity\index.js:6

Intents.FLAGS.GUILDS,

^

TypeError: Cannot read properties of undefined (reading 'FLAGS')

at Object.<anonymous> (C:\Users\Administrator\Desktop\Discord-Bots\NeonCity\index.js:6:17)

at Module._compile (node:internal/modules/cjs/loader:1275:14)

at Module._extensions..js (node:internal/modules/cjs/loader:1329:10)

at Module.load (node:internal/modules/cjs/loader:1133:32)

at Module._load (node:internal/modules/cjs/loader:972:12)

at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:83:12)

at node:internal/main/run_main_module:23:47

Node.js v19.9.0

Habe Versuch zur löschen neu zur Installieren geht nix

C:\Users\Administrator\Desktop\Discord-Bots\NeonCity>

Linux, HTML, Webseite, JavaScript, Programmiersprache, Raspberry Pi, node.js, Discord, Discord Bot
1 Antwort

Meistgelesene Fragen zum Thema JavaScript
Mehr meistgelesene Fragen zu JavaScript