Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')?

Hi bräuchte Hilfe bin noch komplette Anfängerin, das ist mein erstes Projekt mir js und kriege es nicht hin den Fehler zu beheben. Hab schon vieles Versucht nichts hat geklappt also hier mal die wichtigesten Schnipsel meiner Website vielleicht kann ja jemand den Fehler finden :D

Head:

Bild zum Beitrag

Style:

Bild zum Beitrag

HTML:

Bild zum Beitrag

js:

Bild zum Beitrag

dev tools:

Bild zum Beitrag

Sorry das das so viel ist :///

xTheForza

16.11.2023, 21:46

Hast du vielleicht noch ein Bild von deinem js code? :)

Rike456

Beitragsersteller

16.11.2023, 21:48

ja tut mir leid hab irgendwie das falsche bild ausgewählt aber auf meinem account vor dieser frage ist ein bild von meinem js code SORRY bin tollpatschig

3 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, JavaScript

16.11.2023, 21:48

1) Der style-Tag gehört in den head.

2) Prüfe zuerst, ob dein Selektor korrekt ist. Das kannst du auch in der Browserkonsole tun: Lade erst deine Seite, dann öffne die Browserkonsole und kopiere den rechtsseitigen Term aus der Zeile hinein, in der du registerLink anlegst. Nach Bestätigung wird dir das Ergebnis in der Konsole ausgegeben.

Ein weiterer hilfreicher Test (falls das Element trotz korrektem Selektor nicht gefunden wird) wäre eine Validation des gesamten Dokuments.

Rike456

Beitragsersteller

16.11.2023, 22:00

hab den fehler grade gefunden danke trotzdem für deine hilfe <3

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, JavaScript, Webentwicklung

16.11.2023, 21:46

Bitte poste doch deinen Quellcode direkt und markiere ihn hier als Quelltext. Dann kann man den Code viel leichter durchschauen als auf den kleinen Screenshots.

Und gerade bei dem Screenshot mit deinem Javascript fehlt rechts was und man kann nicht erkennen, ob du die Klasse .register-link richtig angegeben hast.

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

Rike456

Beitragsersteller

16.11.2023, 22:00

hab den fehler grade gefunden danke trotzdem für deine hilfe <3

321QWERTZ123

16.11.2023, 21:56

Also in deiner letzten Frage hast du im JS-Code register-Link geschrieben, während es im HTML-Code kleingeschrieben ist. Dementsprechend wird kein passendes Element gefunden und die Variable ist null.

Rike456

Beitragsersteller

16.11.2023, 21:59

no way das war der fehler DANKE DANKE hab alles versucht dabei war es so ein offensichlicher und einfacher fehler DANKE

Ähnliche Beiträge

Js Funktion funktioniert nicht?

Ich bekomme immer diese Fehlermeldung: Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')

at OnClick ((Index):16:25)

at HTMLButtonElement.onclick ((Index):33:33)

Code:

<!DOCTYPE html>

<head>

<title>Document</title>

const TextElement = document.getElementById("text");

function OnClick() {

TextElement.setAttribute('style', 'color: red;');

}

</script>

<style>

#text {

color: black;

}

</style>

</head>

<body>

<div id="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi, et placeat, asperiores reprehenderit praesentium esse possimus quia sed tempore, unde autem illo. Illum, voluptate laboriosam. Doloribus unde mollitia necessitatibus dicta?</div>

<button onclick="OnClick()">button</button>

</body>

</html>

Danke

...zum Beitrag

Node.js: Wie kann ich den push-Fehler verhindern?

Code:

function file_tree(dir1, files1) {
 const filesArray = fs.readdirSync(dir).filter(file => fs.lstatSync(dir+file))
 for (let i = 0; i < filesArray.length; i++) {
  
 // Use stat() method
 fs.stat(dir+filesArray[i], (err, stats) => {
  if (!err) {
   if (stats.isDirectory()) {
    dir1.push(filesArray[i]);
   }
   else if (stats.isFile()) {
    files1.push(filesArray[i]);
    
   }
 }
 else
   throw err;
});
}
console.log(files1)
return dir1, files1
}
var dir1 = new Array();
var files1 = new Array();
dir1[n] = new Array();
files1[n] = new Array();
dir, files = file_tree(dir1, files1)
console.log(dir)
console.log(files);

Ausgabe:

undefined
[]
[]
    files1.push(filesArray[i]);
        ^
TypeError: Cannot read properties of undefined (reading 'push')
  at <dir>.js:32:16
  at FSReqCallback.oncomplete (node:fs:201:5)
Node.js v20.5.1

Frage:

Wie kann ich den push-Fehler verhindern?

Ich habe es so versucht, doch:

var dir1 = new Array();
var files1 = new Array();
dir1[n] = new Array();
files1[n] = new Array();

...zum Beitrag

Was ist da schief (JS)?

Starte ich das Programm so beginnt es so wie ich es will. Irgendwann wird dann aber ein Fehler gezeigt

("main.js:27 Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')

at ClickIt (main.js:27)

at clickvol2 (main.js:21)

at HTMLParagraphElement.<anonymous> (main.js:30))

und mehrere Flächen farbig markiert und man muss manchmal doppelt klicken. Wo liegt hier der Fehler?

JS:
"use strict";

let genNum = function() {

let gen = Math.random() * 9;

let num = Math.round(gen);

let numers = ["null", "eins", "zwei", "drei", "vier", "fünf", "sechs", "sieben", "acht", "neun"];

let final = (numers[num]);

if(final === "zehn") {

genNum()

}

return final;

};

let i = 0;

document.getElementById("Punkteanzahl").textContent = i;

let clickvol2 = function() {

if (document.querySelector("#eins", "#zwei", "#drei", "#vier", "#fünf", "#sechs", "#sieben", "#acht", "#neun").hasAttribute("class")) {

console.log(".")

} else {

ClickIt(genNum())

}};

let ClickIt = function(num) {

let hash = "#";

let ident = hash.concat(num);

document.querySelector(ident).setAttribute("class", "click");

document.querySelector(ident).addEventListener("click", function() {

document.querySelector(ident).removeAttribute("class");

clickvol2();

i++;

})

};

ClickIt(genNum());

console.log(document.getElementById("Punkteanzahl").textContent)

...zum Beitrag

Was ist der Fehler am diesem Code, warum bekomme ich den Fehler app.js:7 Uncaught TypeError: Cannot read property 'value' of null?

https://jsfiddle.net/342t5koe/

...zum Beitrag

Kann ich nach 10.000 Stunden ein guter Programmierer werden?

Ich habe bereits ca. 50-60 Stunden gelernt. Ich habe komplett bei Null angefangen (HTML, CSS, JS) und habe mein erstes kleines Programm geschrieben (einen einfachen Taschenrechner).

Glaubt ihr, dass ich nach 10.000 Stunden ein guter Programmier werden kann?

...zum Beitrag

Kann mir wer sagen warum hier ein TypeError: Cannot read property 'name' of undefined herrauskommt?

(index):27 Uncaught TypeError: Cannot read property 'name' of undefined

Index 27 ist die Zeile wo dem Object eine Funktion zugewiesen wird.

$api.load_functions = function(functions){

                for(var i = 0; functions.length; i++){
                    $api[functions[i].name] = functions[i].functioncode;
                }

            }

...zum Beitrag

Was mache ich falsch JavaScript?

Ich habe eine Datei mit allein zahlen von 1-100 in einem Array und will nur die letzten 20 es kommt aber immer ein Fehler.

Quellcode:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script>

window.setInterval("AutoUpdate()",parseInt(2000));  

function AutoUpdate()
{      
        $.ajaxSetup({ cache: false });
        $.get('LetzteZeilen.txt', function(data) 
        {   
            data = data.replace(/\n/g, "</br>");
            LetzteZeilen(data);
            if (data == 1) 
            {
                location.reload();
            }
        });     
}

function LetzteZeilen(data)
{
    Test = new Array();
    DataSplit = data.split("</br>");


    LetzteZeilen = 20;
    Laenge = DataSplit.length;
    NichtGewollteZeilen = (Laenge-LetzteZeilen);
    i = 0;
    x = 0;
    
    while (i < Laenge) 
    {
        if(i < NichtGewollteZeilen)
        {
            i++;
        }
        else
        {
            Test[x] = DataSplit[i];
            i++;
            x++;
        }
    }

    console.log(Test);
}
</script>

Fehler:
Uncaught TypeError: LetzteZeilen is not a function
    at Object.success (LetzteZeilenTest.php:16:13)
    at j (jquery.min.js:2:26911)
    at Object.fireWith [as resolveWith] (jquery.min.js:2:27724)
    at x (jquery.min.js:4:11065)

...zum Beitrag

Was ist euer JS Lieblingsframework?

...zum Beitrag

Head Bereich mit Js?

Ich will anstatt eine extra Seite für meine zweisprachige Website die Texte mit Js machen. Also Js ermitteln die Sprache und fügt dementsprechend die Texte ein. Die Frage wäre, ob ich das auch im Head Bereich für den Titel, Description usw. alles machen kann und auch html lang auch damit die Sachen bei Deutschsprachigen Deutsch angezeigt wird

...zum Beitrag

Href Langs und Description mit JS?

Kann man die description im Head Bereich für die Seite mit Javascript machen? Also ich will es so haben, dass wenn jemand nach der Seite sucht die englische Beschreibung kommt, außer, wenn ein Deutschsprachiger googlet soll die Deutsche Beschreibung kommen, wäre das möglich oder wird JS nur beim betreten der Website geladen/aktiviert?

...zum Beitrag

h3 Text ändern in JS?

Wie kann ich in JS den Text eines h3 tags ändern? egal was ich probiere, innerHTML, text, innerText oder html. Es kommt immer dieser Fehler:

Uncaught TypeError: Cannot set property 'innerText' of null

at eval (eval at <anonymous> (contact.php?error:%uEm%uS%uCt&FNV=fxbxcbxcb&LNV=xcbxcbxcb&mailSent:1), <anonymous>:1:54)

Wie behebe ich diesen Fehler?

...zum Beitrag

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>

...zum Beitrag

Was ist Falsch bzw was ist mit dem error gemeint?

Hi ich will gerade einen DC bot programmieren und bekomme die ganze Zeit diesen error

/root/invite_tracker_bot/index.js:5
        Intents.FLAGS.GUILDS,
                ^


TypeError: Cannot read properties of undefined (reading 'FLAGS')
    at Object.<anonymous> (/root/invite_tracker_bot/index.js:5:17)
    at Module._compile (node:internal/modules/cjs/loader:1233:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1287:10)
    at Module.load (node:internal/modules/cjs/loader:1091:32)
    at Module._load (node:internal/modules/cjs/loader:938:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:83:12)
    at node:internal/main/run_main_module:23:47

Node.js v20.5.1

ich habe schon mehrfach npm install discord.js gemacht aber es bringt nicht nodejs ist auch neuste version ich habe keine ahnung was der Fehler ist. den Code Packe ich in als Kommentar an die frage ran

was kann ich machen?

Danke im vorraus

...zum Beitrag

Javascript "undefined reading 'FLAGS'?

Ich habe eine Fehlermeldung bekommen:

TypeError: Cannot read properties of undefined (reading 'FLAGS') at Object.<anonymous> (D:\Discord\Discord Bot\index.js:7:17) at Module._compile (node:internal/modules/cjs/loader:1103:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1155:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12) at node:internal/main/run_main_module:17:47

Hier ist der Code:

// Dependencies
const { Client, Intents, Collection } = require('discord.js');
const bot = new Client({
  restTimeOffset: 0,
  intents: [
    Intents.FLAGS.GUILDS,
    Intents.FLAGS.GUILD_MEMBERS,
    Intents.FLAGS.GUILD_MESSAGES,
    Intents.FLAGS.GUILD_PRESENCES
  ]
})
const { readdirSync } = require('fs');
const config = require('./config.json');

// Das ready Event
bot.on('ready', async() => {
  console.log(Der Bot ist nun eingeloggt! Name: ${bot.user.tag});

Findet jemand den Fehler?

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen