Docker web application

body {
background-image: url("whale.gif");
margin-left:150px;

margin-right:250px
}

h1{
margin-top: 30px;
margin: 1em 0 0.5em 0;
font-weight: 600;
font-family: 'Titillium Web', sans-serif;
position: relative;

font-size: 36px;
line-height: 50px;
padding: 47px 15px 15px 30%;
color: #141314;
box-shadow:
inset 0 0 0 1px rgba(38, 39, 41, 0.4),
inset 0 0 5px rgba(52, 54, 56, 0.5),
inset 0px 0 30px rgb(17, 17, 17);
border-radius: 0 10px 0 10px;
background: url("images (1).png") no-repeat center left;
}

#screen {
background: rgb(8, 8, 8);
width: 90%;
height: 500px;
border-style:solid;
border-color: #474545;
margin: 0 auto;
padding: 10px;
opacity: 0.9;
overflow:inherit;
}
#textBox {
width: auto;
color: #f2f3ed;
border: none;
box-sizing: border-box;
font-size: 20px;
vertical-align: middle;
background-color: #000;
opacity: inherit;}

#injected {
  padding-left: 10px;
  font-size: 18px;
  color: white;
  text-align: justify;
  margin-top: 5px;
}

#injected ul {
  list-style: none;
}

#injected li,
th,
td {
  padding-right: 45px;
  padding-left: 25px;
  padding-top: 7px;
  text-align: left;
}

#userInput {
  margin-top: 30px;
  padding: 10px;
}

Docker Web Application

autofocus>



      OUTPUT COMES HERE..

function lw() {
alert("request");
var xhr = new XMLHttpRequest();
xhr.open("GET","http://17.132.48.54/cgi-bin/docker.py?x="+ document.getElementById("textarea").value,true);
alert("sending request");
xhr.send();
xhr.onload =  function()  {
document.getElementById("injected").innerHTML = xhr.responseText ;

}
}
</script>