Event Handler #2 Lösung

by Marc Chehab

HTML

<h1>Input und Output</h1>

<button id="name">Name</button>
<button id="changeColor">Schriftfarbe wechseln</button>

<p>
  Ihr Name ist also <span id="outputName">____</span>. Schön, willkommen!
</p>

CSS

#outputName, #outputCity{
  color: red;
}

#outputName.green, #outputCity.green {
  color: green;
}

JavaScript

function outputName() {
	let name = prompt("Enter your name");
  document.getElementById("outputName").innerText = name;
}

function changeColor() {
	document.getElementById("outputName").classList.toggle("green");
}

document.getElementById("name").onclick = outputName;
document.getElementById("changeColor").onclick = changeColor;