JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<p>Klicke auf den Button, um in dem umrahmten Feld den Inhalt zu laden.</p> 
<button id="button">Los!</button>
<div><span id="test">&nbsp;</span></div>

CSS

div {padding:.5rem;border:thin solid #abc;overflow:hidden;}
div span#test {width:245px;min-width:55px;float:left;background-color:#FFFBCB;text-align:right;}

JavaScript

'use strict';  
(function () {
	function init() {
	document.getElementById('button').addEventListener('click',changeHTMLContent);
	} 
	function changeHTMLContent() {
      var content = "<b>foo<\/b>bar";
      document.getElementById('test').innerHTML = content;
	} 
  document.addEventListener('DOMContentLoaded',init);
}());