Life Motto

var id; var id2; var lcmpt=0; var swp=0; var whr=0; var prsd=1; function alerter(){ clearInterval(id); alert("Don't forget to like if you enjoyed it.👍"); } var nbsp = "\u00a0"; function setMessage(){ $('#ml').css("background","#050505"); $('#pretext').css("color","white"); document.getElementById("cmt").style.display="block"; document.getElementById("pretext").innerText=""; document.getElementById("cmt").innerText="//life motto"; document.getElementById("message").innerText="if (sad( ) == true) {\nsad( ).stop( ) ;\nbeAwesome( ) ; }"; } function setCode(){ swp=1; lcmpt=1; clearInterval(id2); document.getElementById("loading").style.display="none"; id=setInterval(alerter,3500); document.getElementById("cmt").style.display="none"; $('#html').addClass("selected"); $("#html").css("border-bottom-color", "#8BC34A"); document.getElementById("pretext").innerText="\n\n"+nbsp+"\n\n"+nbsp+nbsp+nbsp+nbsp+nbsp+"Life Motto\n\n\n

//life motto

\n"+nbsp+nbsp+" if (sad() == true) {\n"+nbsp+nbsp+nbsp+"
sad().stop() ;\n"+nbsp+nbsp+nbsp+"
beAwesome() ; }\n\n"; } function which(num){ if(num==1 && lcmpt==1){ swp=1; whr=1; prsd=1; $('#ml').css("background","#212121"); $('#ml').css("height","448px"); document.getElementById("x").style.float="right"; document.getElementById("x").style.display="block"; $('#br').css("background","#fff"); $('#bn').css("color","#000"); document.getElementById("l_arr").innerText="<"; document.getElementById("r_arr").innerText=">"; document.getElementById("slash").innerText="/"; document.getElementById("eq").innerText="="; $("#html").css("border-bottom-color", "#8BC34A"); $("#css").css("border-bottom-color", "transparent"); $("#js").css("border-bottom-color", "transparent"); $("#out").css("border-bottom-color", "transparent"); $('#pretext').css("color","white"); document.getElementById("cmt").style.display="none"; $('#html').addClass("selected"); $('#css').removeClass("selected"); $('#js').removeClass("selected"); $('#out').removeClass("selected"); document.getElementById("message").innerText=""; document.getElementById("pretext").innerText="\n\n"+nbsp+"\n\n"+nbsp+nbsp+nbsp+nbsp+nbsp+"Life Motto\n\n\n

//life motto

\n"+nbsp+nbsp+" if (sad() ==true) {\n"+nbsp+nbsp+nbsp+"
sad().stop() ;\n"+nbsp+nbsp+nbsp+"
beAwesome() ; }\n\n"; } else if(num==2 && lcmpt==1){ swp=2; whr=2; prsd=2; $('#ml').css("background","#212121"); $('#ml').css("height","448px"); document.getElementById("x").style.float="right"; document.getElementById("x").style.display="block"; $('#br').css("background","#fff"); $('#bn').css("color","#000"); document.getElementById("l_arr").innerText=":"; document.getElementById("r_arr").innerText="-"; document.getElementById("slash").innerText="''"; document.getElementById("eq").innerText=";"; $("#css").css("border-bottom-color", "#8BC34A"); $("#html").css("border-bottom-color", "transparent"); $("#js").css("border-bottom-color", "transparent"); $("#out").css("border-bottom-color", "transparent"); $('#pretext').css("color","white"); document.getElementById("cmt").style.display="none"; $('#js').removeClass("selected"); $('#html').removeClass("selected"); $('#css').addClass("selected"); $('#out').removeClass("selected"); document.getElementById("message").innerText=""; document.getElementById("pretext").innerText="body {\nfont-family : 'Handlee' ;\npadding-top : 40% ;\ntext-align : center ;\nfont-size : 28px ;\ncolor : #fff ;\nbackground : #050505 ;\n}\n#comment {\ncolor : grey ;\n}"; } else if(num==3 && lcmpt==1){ swp=3; whr=3; prsd=3; $('#ml').css("background","#212121"); $('#ml').css("height","448px"); document.getElementById("x").style.float="right"; document.getElementById("x").style.display="block"; $('#br').css("background","#fff"); $('#bn').css("color","#000"); document.getElementById("l_arr").innerText="{"; document.getElementById("r_arr").innerText="}"; document.getElementById("slash").innerText=";"; document.getElementById("eq").innerText="''"; $("#js").css("border-bottom-color", "#8BC34A"); $("#css").css("border-bottom-color", "transparent"); $("#html").css("border-bottom-color", "transparent"); $("#out").css("border-bottom-color", "transparent"); $('#pretext').css("color","#989898"); document.getElementById("cmt").style.display="none"; $('#css').removeClass("selected"); $('#html').removeClass("selected"); $('#js').addClass("selected"); $('#out').removeClass("selected"); document.getElementById("message").innerText=""; document.getElementById("pretext").innerText="/* Made by : Sumit\n Date : 16 july 2017 */\n\n\n\n\n\n\n\n\n"; } if(num==4 && lcmpt==1){ whr=4; $('#ml').css("background","#fff"); $('#ml').css("height","550px"); document.getElementById("x").style.float="none"; document.getElementById("x").style.display="none"; $('#br').css("background","#212121"); $('#bn').css("color","transparent"); $("#out").css("border-bottom-color", "#8BC34A"); $("#css").css("border-bottom-color", "transparent"); $("#js").css("border-bottom-color", "transparent"); $("#html").css("border-bottom-color", "transparent"); $('#pretext').css("color","white"); document.getElementById("cmt").style.display="block"; $('#js').removeClass("selected"); $('#html').removeClass("selected"); $('#out').addClass("selected"); $('#css').removeClass("selected"); document.getElementById("pretext").innerText=""; setMessage(); } } function load(){ document.getElementById('ml').addEventListener('touchcancel',handleSwipe,false); $("#html").css("border-bottom-color", "#8BC34A"); id2=setInterval(setCode,1500); document.getElementById("pretext").innerText=""; document.getElementById("message").innerText=""; } function handleSwipe(){ which(swp+1); } function opn(){ if(lcmpt==1 && whr==1){ clearInterval(id); clearInterval(id2); window.open('https://code.sololearn.com/W0g248zK15b9/?ref=app','_self');} else if(lcmpt==1 && whr==4){ which(prsd); } else {which(1);} }

My Code Playground [HTML]