JSFiddle - React, Tailwind, and code Playground

by Daniel Hall

HTML

<div id="robot">
<div id="body"><p id="message">hello player!</p></div>
<div id="body2"><p id="message">You got a phone call now</p></div>

CSS

body {
    font-family: Arial;
}
p {
     font-size: 3em
}
#body {
    positlute: absolute;
    left: 25%;
    top: 35%;
    width: 45%;
    height: 55%;
    background-color: #adadad;
    text-align:center;
    padding-top: 30%
}   
#body2 {
    position: absolute;
    left: 50%;
    top: 40%;
    width: 45%;
    height: 55%;
    background-color: #adadad;
    text-top: 30%
}

JavaScript

alert("welcome to talking blocks")

var myMess = prompt("What do you think the talking blocks going to say");
document.getElementById("message")
   .innerHTML=myMess;