JSFiddle - React, Tailwind, and code Playground

by Daniel Hall

HTML

<div id="robot">
<div id="body"></div>
<div id="body2"><p>hello player!</p></div>

CSS

body {
    font-family: Arial
}
p {
     font-size: 3em
}
#body {
    position: absolute;
    left: 25%;
    top: 50;
    width: 70%;
    height: 55%;
    background-color:  #dadada;
    text-align:center;
    padding-top: 30%
    
}
#body2 {
    position: absolute;
    left: 38%;
    top: 10%;
    width: 43%;
    height: 35%;
    background-color:   rgb(192,192,192);
    text-align:center;
    padding-top: 30%
}

JavaScript

alert("welcome to super computer")

var myMiss = prompt("Make your super computer talk")
document.getElementById("messge")
   .innerHTML=myMess;