JSFiddle - React, Tailwind, and code Playground

HTML

<form id='form'>
  <input type="text" id="word">
  <button id="send">Senden</button>
</form>

<div id="ausgabe">

</div>

JavaScript

var button = document.getElementById("send");


button.addEventListener("click", showWord);

function showWord(event){

	event.preventDefault();
  
  var textfield = document.getElementById("word");
  var form = document.getElementById("form");
  var text;
  
  if(textfield.value !== ""){
  	text = textfield.value;
  }
  
  document.getElementById("ausgabe").innerHTML = text;
  
  form.reset();
 }
 /*
 	Undefined wird hier ausgegeben da die Variable text, wenn das Formularfled leer gelassen wird, noch keinen Wert besitzt. Aus diesem Grund sollte man diese Variable immer intialisieren und diesem einfach ein leeres String oder null zuweisen.
  
  Anstatt var text;:
  	var text = ""; Oder var text = null;
    
   Probiere es gleich mal aus. 
  	
   
 */