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="nose"></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 {
    position: absolute;
    left: 25%;
    top: 0%;
    width: 45%;
    height: 55%;
    background-color:  #cacaca;
    text-align:center;
    padding-top: 30px
 }
#nose {
    position: absolute;
    left: 45%;
    top: 30%;
    width: 10%;
    height: 10%;
    background-color:  rgb(255,0,0);
}
#body2 {
    position: absolute;
    left: 25%;
    top: 70%;
    width: 45%;
    height: 55%;
    background-color:  #dadada;
    text-align:center;
    padding-top: 5%;
}

JavaScript

alert("the lazer bom is go to hit me!!!!!")




var myMiss = prompt("your last words");
document.getElementById("message")
  .innerHTML=myMess;