JSFiddle - React, Tailwind, and code Playground

by nerdycap007

HTML

<div id="app">
  <h1>Enter your message in the box</h1>
  
  <p id="message"></p><br>
  
  <input id="messageInput" placeholder="Enter message" 
  oninput="methods.changeMessage()" />
</div>

CSS

#app {
  padding: 20px;
}

h1 {
  font-size: 20px;
}

JavaScript

let data = {
  message: ""
}

document.getElementById("message").innerHTML = data.message;

let methods = {
  changeMessage: function() {
    data.message = document.getElementById("messageInput").value;
  }
}