html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="code">
<div id="lines">
<div class="lineNo">
1
</div>
</div>
<div id="codeLines" contenteditable="true">
<div>
3777339533333335333333333353333333333353333333333353335333333333533333333333533333333336666666640533153154411531533154441661555333316666155555166631
</div>
</div>
</div>
<div id="info">ℹ</div>
<div id="runCode">
Run >
</div>
<div id="console">
<div id="titlebar">
<div id="title">Output</div>
<div id="close">X</div>
</div>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
body{
background-color: black;
color: white;
}
#code{
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
position:fixed ;
height:80vh;
width:100vw;
top:0vh;
left:0vw;
overflow:auto;
z-index:1;
}
#codeLines{
position:absolute ;
top:0vh;
left:16vw;
height:80vh;
width:84vw;
}
#codeLines>div{
border:1px solid black;
}
#console{
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
let n=1,count=0;
let lasthtml = "";
let console ;
class Console
{
constructor(domobj)
{
this.obj = domobj;
}
log(res)
{
this.obj.style.visibility="visible";
if(this.obj.children[1].innerText == "No Output.")
this.obj.children[1].innerText = "";
this.obj.children[1].innerHTML += res.replace(" "," ").replace("<","<").replace(">",">").replace("\n","<br>");
}
clear()
{
this.obj.children[1].innerText = "No Output.";
}
close()
{
this.obj.style.visibility = "hidden";
}
}
function setup()
{
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run