JSFiddle - React, Tailwind, and code Playground

by Nemesis02

HTML

Your Name : <input id="name" value="Joshua" /><br />
Command : <input id="command" value=":kick a ball" /><br >
<button id="run">Run</button>
<div id="output">

</div>

JavaScript

var outputEl = document.getElementById('output'),
		nameEl = document.getElementById('name'),
		commandEl = document.getElementById('command'),
    runButtonEl = document.getElementById('run');

runButtonEl.addEventListener('click', function onClick(e) {
	e.preventDefault();

  var name = nameEl.value;
	var line = commandEl.value;
  
  if (line.substr(0,1) == ':') {
  	outputEl.innerHTML = name + ' wants to "' + line.substr(1) + '"';
  }
});