JSFiddle - React, Tailwind, and code Playground

by Daniel Hall

HTML

<h1>

</h1>

<div id="body"><p>
hello sir
</p>

</div>
<div id="line">
yes sir here your apps
<button id="lop1">
new text
</button>
<input text id="adj2">

<div id="an"></div>
<button id="we">
blue
</button>
<button id="green">
green
</button>
<button id="replaceButton">
computer sittings
</button>
<!-- put other fields here -->

<div id="story"></div>
<htm>Password</htm>
<input text id="adj1">
<div id="app"><p>
computer settings

password is cacc

ios made by Daniel R. Hall 

[ios planer Daniel R. Hall]
</p></div>
<div id="app2"><p id="message"><p>
paaaaa
</p></div>

CSS

body {
    font-family:;
}
p {
    font-size:3em;
    color: rgb(255,255,255);
}

body {
     position: absolute;
     left: 15%;
     top: 0%;
     width: 80%;
     height: 555%;
     background-color:  #00AACC;
}
#ine {
      position: absolute;
      left: 15%;
      top: 50%;
      width: 85%;
      height: 10%;
      background-color:  #adadad;
      text-align:center;
}
an {
     position: absolute;
     left: 50%;
     top: 100%;
     border-radius: 200px;
     width: 50%;
     height: 350%;
     background-color:  #FFD8;
     padding-top:30px;
     text-align:center;
}
#story {
    margin-top: 12px;
    width: 10%;
    border: 1px dash blue;
    padding: 8px;
    float left;
}
#app {
      position: absolute;
      left 30%;
      top: 10%;
      width: 85%;
      height: 15%;
      background-color:  #DC00DC
}
#app2 {
    position: absolute;
    left: 0%;
    top: 30%;
    width: 85%;
    height: 20%;
    background-color:  #DF000D;
}

JavaScript

var myMess = prompt("password or the THE COMPUTER WILL TELL!");
document.getELementById("message");
    Inner