HTML/CSS - (UPDATED) DNA_generator_3.0 Online Editor and JavaScript Compiler

html

<!--Brought to you by Nor'wester!
For those who don't know:
    A=Adenine
    T=Thymine
    G=Guanine
    C=Cytosine
    Ten Nucleotide pairs in a complete twist.-->
<!DOCTYPE html>
<html>
    <head>
        <title>DNA generator 3.0</title>
    </head>
    <body><center>
        
    <button id=start onclick=strt()>Start</button><button id=stop onclick=clr()>Pause</button><button id=reset onclick=reset()>Reset</button><br>
    
    
   <div id=container><div id=strnd></div></div>
    </center>
    <span id=grey>Norwester &copy; 2020</span>
    </body>
</html>

css

body {
    background:linear-gradient(to right,  #222,  #000);
    color: red;
    font-size:115%;
    font-family:sansserif;
}
button{
    background-color: red;
    width:78px;
    height:78px;
    color: white;
    border-radius:50%;
    border:2px solid  black;
    outline:none;
    cursor:select;
    font-size:20px;
    font-weight:bold;
    padding:3px;
}
button#start{
    position:fixed;
    bottom:25px;
    left:15px;
}
button#stop{
    position:fixed;
    bottom:25px;
    left:15px;

alert("WHAT'S NEW:\n◇A new, multicoloured design!\n◇Fixed a problem with the double bond and triple bond position.\n◇Automatic scrolling!(Thanks, Burey!)");
alert("Hope you like it!\nLeave a comment!");
var L = new Array(0, 3, 4, 5, 5, 5, 5, 4, 3, 0);
var n = new Array("", " [A]", " [G]", " [T]", " [C]");
var b = new Array("", "=", "Ξ", "=", "Ξ");
var c = new Array("", "  T ", "  C ", "  A ", "  G ");
var a = 0;
var x;
var z;
var cnct = 0
function concat(p, q){
    if(q==0){
        p="";
    }else{
    while(1<=q/2){
        p += p;
        q--;
     }   
    }
return(p);
}
function generate(){
var chc = Math.round(Math.random()*2+1);
var i = Math.floor((a)/10);
    if(i%2===0){
       z = "<span id=blue>" + n[chc] + "</span>";
       x = "<span id=red>" + c[chc] + "</span>";

BROWSER

Console