JavaScript-Quiz: Teste dein Wissen über die Grundlagen der Webentwicklung

Question 1

Welche Methode wird in JavaScript verwendet, um ein neues Element im DOM zu erstellen?

Accepted Answer

createElement()

Answer

getElementById()

Answer

appendChild()

Answer

innerHTML

Question 2

Welche Methode fügt ein Element zum DOM hinzu?

Accepted Answer

appendChild()

Answer

createElement()

Answer

getElementById()

Answer

innerHTML

Question 3

Welcher Eventtyp wird beim Bewegen der Maus über ein Element ausgelöst?

Accepted Answer

mouseover

Answer

onclick

Answer

keydown

Answer

onchange

Question 4

Welche Aussage über JavaScript-Funktionen ist richtig?

Accepted Answer

Funktionen können geschachtelt werden.

Answer

Funktionen können nur einen Rückgabewert haben.

Answer

Funktionen sind immer global deklariert.

Answer

Funktionen können keine optionalen Parameter haben.

Question 5

Welches Schlüsselwort beendet eine Schleife, auch wenn die Bedingung noch erfüllt ist?

Accepted Answer

break

Answer

continue

Answer

exit

Answer

stop

Question 6

Welcher Operator führt eine logische ODER-Operation durch?

Accepted Answer

|

Answer

&

Answer

^

Answer

~

Question 7

Welches Objekt in JavaScript repräsentiert das HTML-Dokument?

Accepted Answer

document

Answer

window

Answer

html

Answer

body

Question 8

Welches Ereignis wird ausgelöst, wenn der Mauszeiger über ein Element bewegt wird?

Accepted Answer

mouseover

Answer

mousemove

Answer

hover

Answer

onmouse

Question 9

Welcher Operator wird verwendet, um zu überprüfen, ob zwei Werte streng gleich sind?

Accepted Answer

===

Answer

==

Answer

!==

Answer

>=

Question 10

Welcher der folgenden Datentypen wird verwendet, um logische Werte zu speichern?

Accepted Answer

Boolean

Answer

String

Answer

Number

Answer

Array

Question 11

Was ist der Zweck der Methode "getElementById()"?

Accepted Answer

Ein Element anhand seiner ID abrufen

Answer

Alle Elemente mit einer bestimmten Klasse abrufen

Answer

Den Inhalt eines Elements ändern

Answer

Ein neues Element erstellen

Question 12

Welche der folgenden Anweisungen wird ausgeführt, wenn eine Bedingung falsch ist?

Accepted Answer

else

Answer

if

Answer

elif

Answer

switch

Question 13

Welcher Datentyp wird in JavaScript primär zur Speicherung von numerischen Werten verwendet?

Accepted Answer

Number

Answer

Integer

Answer

Float

Answer

Double

Question 14

Welche Methode ermöglicht es, ein Element aus dem Document Object Model (DOM) zu entfernen?

Accepted Answer

removeChild()

Answer

removeElement()

Answer

deleteChild()

Answer

remove()

Question 15

Welches Ereignis wird ausgelöst, wenn ein Benutzer mit der Maus auf ein Element klickt?

Accepted Answer

onclick

Answer

onmousedown

Answer

onkeypress

Answer

onmouseenter

Question 16

Welche JavaScript-Funktion wird zur Erstellung eines Arrays verwendet?

Accepted Answer

new Array()

Answer

array()

Answer

createArray()

Answer

makeArray()

Question 17

Welche Schleifenart eignet sich am besten zur Iteration über ein Array in JavaScript?

Accepted Answer

for

Answer

while

Answer

do-while

Answer

foreach

Question 18

Welcher Operator wird in JavaScript zur Verkettung von Zeichenketten verwendet?

Accepted Answer

+

Answer

*

Answer

&

Answer

%

Question 19

Welche JavaScript-Eigenschaft gibt die Höhe eines Elements im Dokument zurück?

Accepted Answer

clientHeight

Answer

height

Answer

offsetHeight

Answer

scrollHeight

Question 20

Welches Schlüsselwort wird in JavaScript zur Deklaration einer Funktion verwendet?

Accepted Answer

function

Answer

def

Answer

create

Answer

make

Question 21

Welcher Datentyp wird verwendet, um eine Sammlung von Zeichen in JavaScript darzustellen?

Accepted Answer

String

Answer

Text

Answer

Zeichen

Answer

Wort

Question 22

Welche Methode wird verwendet, um ein Element an das Ende einer Liste von DOM-Knoten anzufügen?

Accepted Answer

appendChild()

Answer

append()

Answer

addchild()

Answer

addElement()

Question 23

Welcher Operator wird verwendet, um eine Schleife durchzuführen, die eine bestimmte Anzahl von Malen ausgeführt wird?

Accepted Answer

for

Answer

while

Answer

do-while

Answer

repeat

Question 24

Welche Funktion wird verwendet, um Nachrichten auf der Konsole des Browsers auszugeben?

Accepted Answer

console.log()

Answer

print()

Answer

output()

Answer

display()

Question 25

Welcher Selektor wird verwendet, um ein Element anhand seiner eindeutigen ID auszuwählen?

Accepted Answer

#

Answer

.

Answer

()

Answer

[]

Question 26

Welche Eigenschaft wird verwendet, um die Hintergrundfarbe eines Elements festzulegen?

Accepted Answer

background-color

Answer

color

Answer

bg-color

Answer

bgcolor

Question 27

Welche Methode wird verwendet, um eine Zufallszahl zwischen 0 und 1 (exklusive) zu generieren?

Accepted Answer

Math.random()

Answer

rand()

Answer

random()

Answer

rnd()

Question 28

Welche Eigenschaft wird verwendet, um den Wert eines Eingabeelements abzurufen?

Accepted Answer

value()

Answer

getValue()

Answer

getInputValue()

Answer

get()

Question 29

Welcher Ereignistyp wird ausgelöst, wenn auf ein Element im DOM geklickt wird?

Accepted Answer

click

Answer

hover

Answer

change

Answer

focus

Question 30

Welche Anweisung fügt dem DOM ein neues Element hinzu?

Accepted Answer

document.body.appendChild()

Answer

document.body.insertNode()

Answer

element.addChild()

Answer

dom.addElement()

Question 31

Welcher Datentyp speichert logische Werte (wahr/falsch)?

Accepted Answer

Boolean

Answer

String

Answer

Number

Answer

Array

Question 32

Welche Methode wird verwendet, um eine zeitliche Verzögerung in JavaScript festzulegen?

Accepted Answer

setTimeout()

Answer

delay()

Answer

wait()

Answer

sleep()

Question 33

Welche Eigenschaft eines HTML-Elements gibt seine Höhe an?

Accepted Answer

height

Answer

width

Answer

size

Answer

length

Question 34

Wie lautet die korrekte Syntax, um eine JavaScript-Funktion namens 'meineFunktion' mit den Parametern 'x' und 'y' zu deklarieren?

Accepted Answer

function meineFunktion(x, y) {}

Answer

meineFunktion = function(x, y) {}

Answer

meineFunktion => (x, y) {}

Question 35

Welche JavaScript-Methode fügt ein Element ans Ende eines Arrays an?

Accepted Answer

push()

Answer

pop()

Answer

unshift()

Answer

splice()

Question 36

Welcher JavaScript-Ereignisbehandler wird ausgelöst, wenn auf ein Element geklickt wird?

Accepted Answer

onclick

Answer

onhover

Answer

onsubmit

Question 37

Welcher JavaScript-Operator wird verwendet, um den Rest der Division zweier Zahlen zu berechnen?

Accepted Answer

%

Answer

/

Question 38

Welche JavaScript-Schleife durchläuft ein Array in absteigender Reihenfolge?

Accepted Answer

for (let i = array.length - 1; i >= 0; i--)

Answer

for (let i = 0; i < array.length; i++)

Answer

for (let i in array)

Question 39

Was ist der Zweck der folgenden JavaScript-Codezeile: "console.log(myVar);"?

Accepted Answer

Daten in der Konsole ausgeben

Answer

Eine Variable deklarieren

Answer

Einen Ereignisbehandler hinzufügen

Question 40

Welches JavaScript-Attribut wird verwendet, um den Stil eines Elements festzulegen?

Accepted Answer

style

Answer

class

Answer

id

Question 41

Was ist das Ergebnis der folgenden JavaScript-Operation: "5" + "3"?

Accepted Answer

53

Answer

8

Answer

5 + 3

Question 42

Welche JavaScript-Funktion wandelt einen String in einen Integer um?

Accepted Answer

parseInt()

Answer

parseFloat()

Answer

toString()

Question 43

Welche JavaScript-Funktion dient zur Deklaration einer Funktion, die asynchronen Code ausführt?

Accepted Answer

async()

Answer

await()

Answer

setTimeout()

Answer

Promise()

Question 44

Welcher Operator wird in JavaScript für die Berechnung des Restes einer Division verwendet?

Accepted Answer

%

Answer

+

Answer

*

Answer

/

Question 45

Welche syntaktische Struktur wird in JavaScript verwendet, um eine Funktion zu definieren?

Accepted Answer

function Funktionsname(parameterliste) { Funktionsrumpf }

Answer

fn Funktionsname(parameterliste) { Funktionsrumpf }

Answer

def Funktionsname(parameterliste) { Funktionsrumpf }

Answer

func Funktionsname(parameterliste) { Funktionsrumpf }

Question 46

Welches Ereignis wird ausgelöst, wenn der Mauszeiger über ein Element bewegt wird?

Accepted Answer

mousemove

Answer

change

Answer

click

Answer

focus

Question 47

Welche Datenstruktur wird verwendet, um eine ungeordnete Sammlung ähnlicher Elemente in JavaScript zu speichern?

Accepted Answer

Array

Answer

HashMap

Answer

Liste

Question 48

Welche Methode wird verwendet, um eine Schleife über alle Elemente eines Arrays auszuführen?

Accepted Answer

.forEach(element => {})

Answer

.map(element => {})

Answer

.filter(element => {})

Answer

.reduce(accumulator, currentValue => {})

Question 49

Welches Schlüsselwort wird in JavaScript verwendet, um eine Klasse zu erstellen?

Accepted Answer

class

Answer

prototype

Answer

struct

Answer

interface

Question 50

Welche Methode wird verwendet, um den Wert einer Eigenschaft eines Objekts abzurufen?

Accepted Answer

object.propertyName

Answer

getProperty()

Answer

property.value

Answer

getPropertyValue()

Question 51

Welcher Operator wird in JavaScript verwendet, um einen Vergleich durchzuführen, der wahr ist, wenn beide Bedingungen wahr sind?

Accepted Answer

&&

Answer

^

Answer

||

Answer

!

Question 52

Welche Funktion wird verwendet, um eine Zufallszahl zwischen einem angegebenen Mindest- und Höchstwert zu erzeugen?

Accepted Answer

Math.random() * (max - min) + min

Answer

random()

Answer

randomNumber()

Answer

Math.rand()

Question 53

Welche Methode wird verwendet, um ein Ereignislistener für ein HTML-Element zu registrieren?

Accepted Answer

element.addEventListener('ereignistyp', eventHandler)

Answer

element.attachEvent('ereignistyp', eventHandler)

Answer

element.on('ereignistyp', eventHandler)

Answer

element.bind('ereignistyp', eventHandler)

Question 54

Welche der folgenden Aussagen beschreibt am besten die Funktionalität der `addEventListener()`-Funktion in JavaScript?

Accepted Answer

Sie ermöglicht es, eine Funktion auszuführen, wenn ein bestimmtes Ereignis auf einem HTML-Element auftritt, wie z. B. ein Klick.

Answer

Sie ändert den CSS-Stil eines HTML-Elements.

Answer

Sie erstellt ein neues HTML-Element.

Answer

Sie entfernt ein HTML-Element von der Webseite.

Question 55

Welche Syntax ist korrekt, um in JavaScript eine Variable zu deklarieren und ihr gleichzeitig einen Anfangswert zuzuweisen?

Accepted Answer

let name = "Max";

Answer

const name = "Max";

Answer

var name = "Max";

Answer

variable name = "Max";

Question 56

Welches HTML-Element wird üblicherweise verwendet, um JavaScript-Code in eine Webseite einzubetten?

Accepted Answer

Answer

Answer

<js>

Answer

Question 57

Wie greift man in JavaScript auf den Wert eines HTML-Elements mit der ID 'beispiel' zu?

Accepted Answer

document.getElementById('beispiel').value

Answer

document.getElement('beispiel').value

Answer

document.getElementById('beispiel').innerHTML

Answer

window.getElementById('beispiel')

Question 58

Welcher Datentyp wird in JavaScript verwendet, um eine geordnete Sammlung von Datenpunkten darzustellen, auf die über ihren Index zugegriffen werden kann?

Accepted Answer

Array

Answer

Objekt

Answer

String

Answer

Boolean

Question 59

Welche JavaScript-Methode wird verwendet, um Text in der Konsole auszugeben?

Accepted Answer

console.log()

Answer

print()

Answer

alert()

Answer

document.write()

Question 60

Was ist der Zweck der `this`-Referenz in JavaScript?

Accepted Answer

Sie verweist auf das aktuelle Objekt, in dem eine Methode oder Funktion aufgerufen wird.

Answer

Sie verweist auf die Elternfunktion einer Funktion.

Answer

Sie ist ein Alias für das globale Objekt.

Answer

Sie ist immer auf das Dokument-Objekt referenziert.

Question 61

Wie wird eine Funktion in JavaScript definiert?

Accepted Answer

function meineFunktion() {}

Answer

meineFunktion = function() {}

Answer

def meineFunktion():

Answer

function meineFunktion

Question 62

Welche Schleifenart in JavaScript wird verwendet, um durch alle Eigenschaften eines Objekts zu iterieren?

Accepted Answer

for...in

Answer

while

Answer

for

Answer

do...while

Question 63

Was ist der Unterschied zwischen `==` und `===` in JavaScript?

Accepted Answer

`===` prüft auf Gleichheit von Wert und Datentyp, während `==` eine Typumwandlung vornimmt.

Answer

Es gibt keinen Unterschied zwischen ihnen.

Answer

`===` prüft nur den Datentyp, während `==` sowohl den Wert als auch den Datentyp prüft.

Answer

`==` prüft auf Gleichheit von Wert und Datentyp, während `===` nur den Wert vergleicht.

Question 64

Welcher Codeausschnitt zeigt die korrekte Verwendung einer if-else-Anweisung in JavaScript?

Accepted Answer

if (age >= 18) { console.log('Erwachsen'); } else { console.log('Minderjährig'); }

Answer

if (age > 18) { console.log('Erwachsen'); } else if (age < 18) { console.log('Minderjährig'); }

Answer

if (age = 18) { console.log('Erwachsen'); } else { console.log('Minderjährig'); }