<body>
  <input type="TextBox" id="strandInput" placeholder="Enter DNA Strand"></input>
<button id="translateBtn">Translate</button>
  <br>
<input type="text" id="rnadisplay" value="" readonly>
<label>RNA</label>
<br>
<input type="text" id="aminodisplay" value="" readonly>
<label>Amino Acids</label>
<br>
<input type="text" id="percentdisplay" readonly>
<label>Base Percentages</label>
</body>
input{
  text-align: top;
  border-radius: 25px;
  font-size: 20px;
  height:150px;
  width:500px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
button{
  height: 75px;
  width: 100px;
  background-color:#FF0000;
  border-radius:20px;
  color: #FFFFFF;
  font-size: 17px;
}
button:hover{
  background-color:#00FF66;
}
label{
  font-size:25px;
  font-family: Andale Mono, monospace;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.