look 🤓im 🤓such🤓 nerd🤓 I 🤓coded🤓 rextester🤓 in 🤓rextester 🤓, Client Side

Language: Layout:

<Doctype HTML>
    <html xmlns="http://www.w3.org/1999/xhtml"><head><script type="text/javascript" async="" src="https://static.criteo.net/js/ld/publishertag.prebid.123.js"></script><script type="text/javascript" async="" src="https://script.4dex.io/localstore.js"></script><title>
	
    run javascript fiddle online
</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="Keywords" content="run javascript fiddle online"><meta name="Keywords" content="run javascript fiddle online"> 
                <style type="text/css">
                    .CodeMirror{font-family:monospace;height:500px;border-bottom:solid 1px #CCC;border-top:solid 1px #CCC;border-right:solid 1px #CCC;color:#000}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;height:auto;z-index:9}.CodeMirror-dialog{position:absolute;left:0;right:0;background:#fff;z-index:15;padding:.1em .8em;overflow:hidden;color:#333}.CodeMirror-dialog-top{border-bottom:1px solid #eee;top:0}.CodeMirror-dialog-bottom{border-top:1px solid #eee;bottom:0}.CodeMirror-dialog input{border:none;outline:0;background:0 0;width:20em;color:inherit;font-family:monospace}.CodeMirror-dialog button{font-size:70%}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,.2);-moz-box-shadow:2px 3px 5px rgba(0,0,0,.2);box-shadow:2px 3px 5px rgba(0,0,0,.2);border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;max-width:19em;overflow:hidden;white-space:pre;color:#000;cursor:pointer}.CodeMirror-hint-active{background:#08f;color:#fff}
                </style>
            
                <style type="text/css">
                    body
                    {
                        font-family: Arial;    
                    }
                    h2
                    {
                        color:Gray; 
                        margin-top: 0.5em;
                        margin-bottom: 0.5em;
                    }
                    pre.resultarea, code
                    {
                        font-family: "Consolas",monospace;
                        font-size: 14px;
                        white-space: pre-wrap;       /* css-3 */
                        white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
                        white-space: -pre-wrap;      /* Opera 4-6 */
                        white-space: -o-pre-wrap;    /* Opera 7 */
                        word-wrap: break-word;       /* Internet Explorer 5.5+ */
                        width: 99%;
                    }
                    a.related 
                    {
                        text-decoration:none;
                        color:gray;
                    }
                    a.related:visited 
                    {
                        text-decoration:none;
                        color:#9f9f9f;
                    }
                    a.related:hover 
                    {
                        text-decoration:underline;
                        color:gray;
                    }
                    span.yellow
                    {
                        background: yellow;    
                    }
                    span.blue
                    {
                        background: #CCFFFF;    
                    }
                    span.magenta
                    {
                        background: #FFCCFF;    
                    }
                    span.options
                    {
                        font-family: Arial;
                        font-size: 13px;
                        white-space:nowrap;
                    }
                    div.formcontent
                    {
                        background: #EEEEEE;
                        margin-bottom:0.5em;
                    }
                    a.selectedlink
                    {
                        background: #9966FF;
                        color: White;
                    }
                    a.notselectedlink
                    {
                        color: #9966FF;
                    }
                    a.notselectedlink:hover
                    {
                        background: #9966FF;
                        color: White;
                    }
                    a.smalllink:hover
                    {
                        background-color: #777;
                        color: white;
                        text-decoration: none;
                        cursor: pointer;
                        font-family: sans-serif;
                        font-size: 14px;
                    }
                    a.smalllink
                    {
                        color: #444;
                        font-family: sans-serif;
                        font-size: 14px;
                        text-decoration: none;
                    }
                    span.smalllink
                    {
                        color: #444;
                        font-family: sans-serif;
                        font-size: 14px;
                        text-decoration: none;
                    }
                    span.hov:hover {
                        background-color: #777;
                        color: white;
                        text-decoration: none;
                        cursor: pointer;
                    }
                    pre#Result
                    {
                        margin-left: 0.5em;    
                    }
                    input[type=button],
                    input[type=submit]
                    {
                        color: #555;
                        border: 1px solid #555;
                        font-weight: bold;
                    }
                    .input_box 
                    {
                        background-color:#FFFFBB;
                        border: solid 1px gray;
                    }
                    .sqloutput
                    {
                        border-style: none;    
                        border-collapse: collapse;
                    }
                    .sqloutput th, .sqloutput td
                    {
                        border-style: solid;
                        border-width: 1px;
                        border-color: Gray;
                        padding: 0 3px 0 3px;
                    }
                    #carbonads {
                      display: block;
                      overflow: hidden;
                      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
                      padding: 1em;
                      background: #fff;
                      text-align: center;
                      line-height: 1.5;
                      font-size: 14px;
                      max-width: 130px;
                    }

#carbonads a {
                      color: inherit;
                      text-decoration: none;
                    }

#carbonads a:hover {
                      color: inherit;
                    }

#carbonads span {
                      display: block;
                      overflow: hidden;
                    }

.carbon-img {
                      display: block;
                      margin: 0 auto 8px;
                      line-height: 1;
                    }

.carbon-text {
                      display: block;
                      margin-bottom: 8px;
                    }

.carbon-poweredby {
                      text-transform: uppercase;
                      display: block;
                      font-size: 10px;
                      letter-spacing: 1px;
                      line-height: 1;
                    }
                    .CodeMirror {font-size: 13px}
                    .bsa-cpc #_default_ {
                        position: relative;
                        margin-bottom: 1em;
                        padding: 8px 20px;
                        background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .03) 5px, hsla(0, 0%, 0%, .03) 10px) hsla(0, 0%, 0%, .03);
                        font-size: 14px;
                        line-height: 1.5;
                    }

.bsa-cpc .default-ad {
                        display: none;
                    }

.bsa-cpc ._default_ {
                        display: inline;
                        overflow: hidden;
                        line-height: 1;
                    }

.bsa-cpc ._default_ > * {
                        vertical-align: middle;
                    }

.bsa-cpc a {
                        color: inherit;
                        text-decoration: none;
                    }

.bsa-cpc a:hover {
                        color: #926fdc;
                    }

.bsa-cpc .default-image {
                        display: none;
                    }

.bsa-cpc .default-title,
                    .bsa-cpc .default-description {
                        display: inline;
                    }

.bsa-cpc .default-title {
                        position: relative;
                        margin-right: 10px;
                        margin-left: 8px;
                        font-weight: 600;
                    }

.bsa-cpc .default-title:before {
                        position: relative;
                        top: -1px;
                        left: -8px;
                        padding: 4px 5px;
                        background-color: #926fdc;
                        color: #fff;
                        content: "Sponsor";
                        text-transform: uppercase;
                        letter-spacing: .5px;
                        font-weight: 400;
                        font-size: 10px;
                        line-height: 1;
                    }
                </style>
        
    
    
    <script type="text/javascript" async="" src="https://ssl.google-analytics.com/ga.js"></script><script src="/Scripts/jquery-latest.min.js" type="text/javascript"></script>

var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-15090815-2']);
        _gaq.push(['_trackPageview']);

(function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

</script>

$(document).ready(function () {

$('#delete_link').on('click', function () {
                var a = confirm('Are you sure?');
                if (a) {
                    window.location = "https://rextester.com/delete/";
                }
            });

$("#Help").click(function () {
                window.open("https://rextester.com/main/faq",'_blank');
            });
            
            $("#Full").click(function () {
                if(!GlobalEditor.hasFocus())
                {
                    GlobalEditor.focus()
                }
                GlobalEditor.setOption("fullScreen", !GlobalEditor.getOption("fullScreen"));
            });

$("#Save").click(function () {

$("#Link").replaceWith("<pre id=\"Link\" class=\"resultarea\">Title:<br/><br/>&nbsp;&nbsp;&nbsp;<input style=\"border-style:solid;border-width:1px;border-color:#FF9900;\" size=\"70\" type=\"text\" id=\"titleInput\"/>" +   "<br/><br/>Privacy options:<br/><input checked=\"checked\" id=\"privacyInput\" name=\"privacyInput\" type=\"radio\" value=\"1\" /> &nbsp;&nbsp; Everyone can see, only me can edit<br/><input id=\"privacyInput\" name=\"privacyInput\" type=\"radio\" value=\"2\" /> &nbsp;&nbsp; Everyone can see, everyone can edit<br/><input id=\"privacyInput\" name=\"privacyInput\" type=\"radio\" value=\"3\" /> &nbsp;&nbsp; Me and these users can see and edit (coma-separated user names):&nbsp;<input style=\"border-style:solid;border-width:1px;border-color:#FF9900;\" size=\"70\" type=\"text\" id=\"privacyUsersInput\"/><br/><input id=\"privacyInput\" name=\"privacyInput\" type=\"radio\" value=\"4\" /> &nbsp;&nbsp; Only me can see and edit"  + "<br/><br/>&nbsp;&nbsp;&nbsp;<input type=\"button\" id=\"OKButton\" value=\"Ok\"/>&nbsp;&nbsp;&nbsp;<span style=\"color:red\" id=\"titleError\"></span><br/><br/><br/></pre>");
                $("#titleInput").focus();
                
                    $('html, body').animate({ scrollTop: $("#Run").offset().top }, 200);
                
                
                $("#OKButton").click(function() {
                    if($("#titleInput").val().trim() == "")
                    {
                        $("#titleError").text("Title shouldn't be empty.");
                        return;
                    }
                    if($("#titleInput").val().length > 100)
                    {
                        $("#titleError").text("Title shouldn't be longer than 100 characters.");
                        return;
                    }
                    $("#Title").val($("#titleInput").val());
                    $("#Privacy").val($('input[name=privacyInput]:checked').val());
                    $("#PrivacyUsers").val($("#privacyUsersInput").val());
                    
                    
                        $("#SavedOutput").val($("#Result").text());
                    
                    $("#WholeError").val($("#ErrorSpan").text());
                    $("#WholeWarning").val($("#WarningSpan").text());
                    $("#StatsToSave").val($("#Stats").text());
                    Save(1);
                });

});
            $("#Wall").click(function () {
                $("#Link").replaceWith("<pre id=\"Link\" class=\"resultarea\">Title:<br/><br/>&nbsp;&nbsp;&nbsp;<input style=\"border-style:solid;border-width:1px;border-color:#FF9900;\" size=\"70\" type=\"text\" id=\"titleInput\"/>&nbsp;&nbsp;<br/><br/>Choose the wall:<br/><input type=\"radio\" name=\"wall_group\" value=\"1\" checked>&nbsp;My wall<br/><input type=\"radio\" name=\"wall_group\" value=\"2\">&nbsp;Code wall"  +   "<br/><br/>Privacy options:<br/><input checked=\"checked\" id=\"privacyInput\" name=\"privacyInput\" type=\"radio\" value=\"1\" /> &nbsp;&nbsp; Everyone can see, only me can edit<br/><input id=\"privacyInput\" name=\"privacyInput\" type=\"radio\" value=\"2\" /> &nbsp;&nbsp; Everyone can see, everyone can edit"  +  "<br/><br/><input type=\"button\" id=\"OKButton\" value=\"Ok\"/>&nbsp;&nbsp;&nbsp;<span style=\"color:red\" id=\"titleError\"></span><br/><br/><br/></pre>");
                $("#titleInput").focus();
                
                    $('html, body').animate({ scrollTop: $("#Run").offset().top }, 200);
                
                $("#OKButton").click(function() {
                    if($("#titleInput").val().trim() == "")
                    {
                        $("#titleError").text("Title shouldn't be empty.");
                        return;
                    }
                    if($("#titleInput").val().length > 100)
                    {
                        $("#titleError").text("Title shouldn't be longer than 100 characters.");
                        return;
                    }
                    $("#Title").val($("#titleInput").val());
                    $("#Privacy").val($('input[name=privacyInput]:checked').val());
                    
                    $("#SavedOutput").val($("#Result").text());
                    
                    $("#WholeError").val($("#ErrorSpan").text());
                    $("#WholeWarning").val($("#WarningSpan").text());
                    $("#StatsToSave").val($("#Stats").text());
                    if($('input[type=radio]:checked').val() == '1')
                        Save(4);
                    else
                        Save(2);
                });
            });
            
            $("#Live").click(function () {

$("#Link").replaceWith("<pre id=\"Link\" class=\"resultarea\">Live collaboration feature is for patrons only. Visit <a href=\"https://www.patreon.com/rextester\">https://www.patreon.com/rextester</a> for more information.</pre>");
                    return;

$("#Link").replaceWith("<pre id=\"Link\" class=\"resultarea\">Title:<br/><br/>&nbsp;&nbsp;&nbsp;<input style=\"border-style:solid;border-width:1px;border-color:#FF9900;\" size=\"70\" type=\"text\" id=\"titleInput\"/>"+   "<br/><br/>Privacy options:<br/><input id=\"privacyInput\" checked=\"checked\" name=\"privacyInput\" type=\"radio\" value=\"2\" /> &nbsp;&nbsp; Everyone can see and edit<br/><input id=\"privacyInput\" name=\"privacyInput\" type=\"radio\" value=\"3\" /> &nbsp;&nbsp; Me and these users can see and edit (coma-separated user names):&nbsp;<input style=\"border-style:solid;border-width:1px;border-color:#FF9900;\" size=\"70\" type=\"text\" id=\"privacyUsersInput\"/><br/><input id=\"privacyInput\" name=\"privacyInput\" type=\"radio\" value=\"4\" /> &nbsp;&nbsp; Only me can see and edit"  +"<br/><br/>&nbsp;&nbsp;&nbsp;<input type=\"button\" id=\"OKButton\" value=\"Ok\"/>&nbsp;&nbsp;&nbsp;<span style=\"color:red\" id=\"titleError\"></span><br/><br/><br/></pre>");
                $("#titleInput").focus();
                
                    $('html, body').animate({ scrollTop: $("#Run").offset().top }, 200);
                
                $("#OKButton").click(function() {
                    if($("#titleInput").val().trim() == "")
                    {
                        $("#titleError").text("Title shouldn't be empty.");
                        return;
                    }
                    if($("#titleInput").val().length > 100)
                    {
                        $("#titleError").text("Title shouldn't be longer than 100 characters.");
                        return;
                    }
                    $("#Title").val($("#titleInput").val());
                    $("#Privacy").val($('input[name=privacyInput]:checked').val());
                    $("#PrivacyUsers").val($("#privacyUsersInput").val());

$("#SavedOutput").val($("#Result").text());
                        
                    $("#WholeError").val($("#ErrorSpan").text());
                    $("#WholeWarning").val($("#WarningSpan").text());
                    $("#StatsToSave").val($("#Stats").text());
                    Save(3); 
                });
            });
            
            $("#Run").click(function () {
                Run();
            });
            $("#LanguageChoiceWrapper").change(function () {
                Reload();
            });
            $("#EditorChoiceWrapper").change(function () {
                Reload();
            });       
            $("#LayoutChoiceWrapper").change(function () {
                Reload();
            });

var AreYouSure = function() {
                if (!GlobalEditor.isClean()) {
                        return confirm('Current changes will be lost, continue?');
                    } else {
                        return true;
                    }
            }

function disableF5(e)
                {
                    if ((e.which || e.keyCode) == 116 && !AreYouSure()) { e.preventDefault(); }
                };

$(document).bind("keydown", disableF5);

var Reload = function () {

if(!AreYouSure())
                    {
                        $("#LanguageChoiceWrapper").val("36");
                        $("#EditorChoiceWrapper").val("1");
                        $("#LayoutChoiceWrapper").val("1");
                        return;
                    }

window.onbeforeunload = null;

var act = "";

if ($("#LanguageChoiceWrapper").val() == 15)
                {
                    act = "/l/nasm_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 1)
                {
                    act = "/l/csharp_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 7)
                {
                    act = "/l/cpp_online_compiler_gcc";
                }
                else if ($("#LanguageChoiceWrapper").val() == 27)
                {
                    act = "/l/cpp_online_compiler_clang";
                }
                else if ($("#LanguageChoiceWrapper").val() == 28)
                {
                    act = "/l/cpp_online_compiler_visual";
                }
                else if ($("#LanguageChoiceWrapper").val() == 6)
                {
                    act = "/l/c_online_compiler_gcc";
                }
                else if ($("#LanguageChoiceWrapper").val() == 26)
                {
                    act = "/l/c_online_compiler_clang";
                }
                else if ($("#LanguageChoiceWrapper").val() == 29)
                {
                    act = "/l/c_online_compiler_visual";
                }
                else if ($("#LanguageChoiceWrapper").val() == 18)
                {
                    act = "/l/common_lisp_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 30)
                {
                    act = "/l/d_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 3)
                {
                    act = "/l/fsharp_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 20)
                {
                    act = "/l/go_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 11)
                {
                    act = "/l/haskell_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 4)
                {
                    act = "/l/java_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 17)
                {
                    act = "/l/js_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 14)
                {
                    act = "/l/lua_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 23)
                {
                    act = "/l/nodejs_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 25)
                {
                    act = "/l/octave_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 10)
                {
                    act = "/l/objectivec_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 9)
                {
                    act = "/l/pascal_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 13)
                {
                    act = "/l/perl_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 8)
                {
                    act = "/l/php_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 19)
                {
                    act = "/l/prolog_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 5)
                {
                    act = "/l/python_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 24)
                {
                    act = "/l/python3_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 31)
                {
                    act = "/l/r_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 12)
                {
                    act = "/l/ruby_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 21)
                {
                    act = "/l/scala_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 22)
                {
                    act = "/l/scheme_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 16)
                {
                    act = "/l/sql_server_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 33)
                {
                    act = "/l/mysql_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 35)
                {
                    act = "/l/oracle_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 34)
                {
                    act = "/l/postgresql_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 32)
                {
                    act = "/l/tcl_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 2)
                {
                    act = "/l/visual_basic_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 36)
                {
                    act = "/l/client_side";
                }
                else if ($("#LanguageChoiceWrapper").val() == 37)
                {
                    act = "/l/swift_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 38)
                {
                    act = "/l/bash_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 39)
                {
                    act = "/l/ada_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 40)
                {
                    act = "/l/erlang_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 41)
                {
                    act = "/l/elixir_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 42)
                {
                    act = "/l/ocaml_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 43)
                {
                    act = "/l/kotlin_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 44)
                {
                    act = "/l/brainfuck_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 45)
                {
                    act = "/l/fortran_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 46)
                {
                    act = "/l/rust_online_compiler";
                }
                else if ($("#LanguageChoiceWrapper").val() == 47)
                {
                    act = "/l/clojure_online_compiler";
                }
                else
                {
                    act = "/l/csharp_online_compiler";
                }
                
                $('#mainForm').attr('action', act);

$("#Input").val('');
                $("#SavedOutput").val('');
                $("#WholeError").val('');
                $("#WholeWarning").val('');
                $("#StatsToSave").val('');
                $("#Title").val('');
                $("#mainForm").submit();
            };

$.ajaxSetup({
                timeout: 60000,
                error: function (request, status, err) {
                    $("#Link").replaceWith("<pre id=\"Link\" class=\"resultarea\">Error occurred ("+err+"). Try again later.</pre>");
                }
            });
        });

function Save(what) {
            
                $('html, body').animate({ scrollTop: $("#Link").offset().top }, 500);

$("#Link").replaceWith("<pre id=\"Link\" class=\"resultarea\">Saving...</pre>");
            $("#Warning").replaceWith("<div id=\"Warning\"></div>");
            $("#Error").replaceWith("<div id=\"Error\"></div>");
            $("#Result").replaceWith("<pre id=\"Result\" class=\"resultarea\"></pre>");
            $("#Files").replaceWith("<pre id=\"Files\"></pre>");

$("#Program").val(GlobalEditor.getValue());

function RunClientSide() {
            
                $('html, body').animate({ scrollTop: $("#Link").offset().top }, 500);
            
            
            $("#Link").replaceWith("<pre id=\"Link\" class=\"resultarea\"></pre>");
            $("#Warning").replaceWith("<div id=\"Warning\"></div>");
            $("#Error").replaceWith("<div id=\"Error\"></div>");

$("#Program").val(GlobalEditor.getValue());

$("#ifr").replaceWith("<iframe style=\"width:100%;height:600px;\" name=\"ifr\" id=\"ifr\" frameBorder=\"0\" sandbox=\"allow-scripts allow-pointer-lock allow-same-origin allow-popups allow-modals allow-forms\" allowtransparency=\"true\"></iframe>");
            var iframe = document.getElementById('ifr');
            iframe = iframe.contentWindow || ( iframe.contentDocument.document || iframe.contentDocument);
            iframe.document.open();
            iframe.document.write($("#Program").val());
            iframe.document.close();
        }
        function RunNonCS()
        {
            
                $('html, body').animate({ scrollTop: $("#Link").offset().top }, 500);

$("#Link").replaceWith("<pre id=\"Link\" class=\"resultarea\">Working...</pre>");
            $("#Warning").replaceWith("<div id=\"Warning\"></div>");
            $("#Error").replaceWith("<div id=\"Error\"></div>");
            $("#Result").replaceWith("<pre id=\"Result\" class=\"resultarea\"></pre>");
            $("#Files").replaceWith("<pre id=\"Files\"></pre>");

$("#Program").val(GlobalEditor.getValue());
            
            var serializedData = $("#mainForm").serialize();
            $.post('/rundotnet/Run', serializedData,
                    function (data) {
                        $("#Link").replaceWith("<pre id=\"Link\" class=\"resultarea\"></pre>");                        
                        var obj = jQuery.parseJSON(data);

if(obj.Warnings != null)
                        {
                            $("#Warning").replaceWith("<div id=\"Warning\"><pre style=\"color: Orange\" class=\"resultarea\">Warning(s):</pre><pre id=\"WarningSpan\" class=\"resultarea\"></pre></div>");
                            $("#WarningSpan").text(obj.Warnings.replace(/\r/g, ""));
                        }
                        if(obj.Errors != null)
                        {
                            $("#Error").replaceWith("<div id=\"Error\"><pre style=\"color: Red\" class=\"resultarea\">Error(s)"+', warning(s)'+":</pre><pre id=\"ErrorSpan\" class=\"resultarea\"></pre></div>");
                            $("#ErrorSpan").text(obj.Errors.replace(/\r/g, ""));
                        }

if(obj.Result != null)
                            $("#Result").text(obj.Result.replace(/\r/g, ""));
                        
                        if(obj.Files != null)
                        {
                            for (var key in obj.Files) 
                            {             
                                var img_div = $(document.createElement('div'));
                                var img = $(document.createElement('img'));
                                
                                img.attr('src', "data:image/png;base64," + obj.Files[key]).height(600).width(700);
                                
                                img.appendTo(img_div);
                                img_div.appendTo($('#Files'));
                            }
                        }
                        $("#Stats").text(obj.Stats);

$('html, body').animate({ scrollTop: $("#Run").offset().top }, 500);
                        
                        
                    }, 'text');
        }

var total_runs = 0;
        function Run () {
            
                RunClientSide();

total_runs++;
            
        };

//]]>
    </script>
  
    
        <script type="text/javascript">
            CodeMirror.defineMode("htmlmixed", function (t, e) { function o(t, e) { var o = e.htmlState.tagName, a = n.token(t, e.htmlState); if ("script" == o && /\btag\b/.test(a) && ">" == t.current()) { var i = t.string.slice(Math.max(0, t.pos - 100), t.pos).match(/\btype\s*=\s*("[^"]+"|'[^']+'|\S+)[^<]*$/i); (i = i ? i[1] : "") && /[\"\']/.test(i.charAt(0)) && (i = i.slice(1, i.length - 1)); for (var d = 0; d < s.length; ++d) { var m = s[d]; if ("string" == typeof m.matches ? i == m.matches : m.matches.test(i)) { m.mode && (e.token = l, e.localMode = m.mode, e.localState = m.mode.startState && m.mode.startState(n.indent(e.htmlState, ""))); break } } } else "style" == o && /\btag\b/.test(a) && ">" == t.current() && (e.token = r, e.localMode = c, e.localState = c.startState(n.indent(e.htmlState, ""))); return a } function a(t, e, o) { var a = t.current(), l = a.search(e); return l > -1 ? t.backUp(a.length - l) : a.match(/<\/?$/) && (t.backUp(a.length), t.match(e, !1) || t.match(a[0])), o } function l(t, e) { return t.match(/^<\/\s*script\s*>/i, !1) ? (e.token = o, e.localState = e.localMode = null, o(t, e)) : a(t, /<\/\s*script\s*>/, e.localMode.token(t, e.localState)) } function r(t, e) { return t.match(/^<\/\s*style\s*>/i, !1) ? (e.token = o, e.localState = e.localMode = null, o(t, e)) : a(t, /<\/\s*style\s*>/, c.token(t, e.localState)) } var n = CodeMirror.getMode(t, { name: "xml", htmlMode: !0 }), c = CodeMirror.getMode(t, "css"), s = [], i = e && e.scriptTypes; if (s.push({ matches: /^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^$/i, mode: CodeMirror.getMode(t, "javascript") }), i) for (var d = 0; d < i.length; ++d) { var m = i[d]; s.push({ matches: m.matches, mode: m.mode && CodeMirror.getMode(t, m.mode) }) } return s.push({ matches: /./, mode: CodeMirror.getMode(t, "text/plain") }), { startState: function () { return { token: o, localMode: null, localState: null, htmlState: n.startState() } }, copyState: function (t) { if (t.localState) var e = CodeMirror.copyState(t.localMode, t.localState); return { token: t.token, localMode: t.localMode, localState: e, htmlState: CodeMirror.copyState(n, t.htmlState) } }, token: function (t, e) { return e.token(t, e) }, indent: function (t, e) { return !t.localMode || /^\s*<\//.test(e) ? n.indent(t.htmlState, e) : t.localMode.indent ? t.localMode.indent(t.localState, e) : CodeMirror.Pass }, electricChars: "/{}:", innerMode: function (t) { return { state: t.localState || t.htmlState, mode: t.localMode || n } } } }, "xml", "javascript", "css"), CodeMirror.defineMIME("text/html", "htmlmixed");
        </script>
    
            <script type="text/javascript">
                CodeMirror.defineMode("xml", function (t, e) { function r(t, e) { function r(r) { return e.tokenize = r, r(t, e) } var o = t.next(); if ("<" == o) { if (t.eat("!")) return t.eat("[") ? t.match("CDATA[") ? r(a("atom", "]]>")) : null : t.match("--") ? r(a("comment", "--\x3e")) : t.match("DOCTYPE", !0, !0) ? (t.eatWhile(/[\w\._\-]/), r(i(1))) : null; if (t.eat("?")) return t.eatWhile(/[\w\._\-]/), e.tokenize = a("meta", "?>"), "meta"; var l = t.eat("/"); b = ""; for (var u; u = t.eat(/[^\s\u00a0=<>\"\'\/?]/) ;) b += u; return b ? (C = l ? "closeTag" : "openTag", e.tokenize = n, "tag") : "tag error" } if ("&" == o) { var f; return f = t.eat("#") ? t.eat("x") ? t.eatWhile(/[a-fA-F\d]/) && t.eat(";") : t.eatWhile(/[\d]/) && t.eat(";") : t.eatWhile(/[\w\.\-:]/) && t.eat(";"), f ? "atom" : "error" } return t.eatWhile(/[^&<]/), null } function n(t, e) { var n = t.next(); if (">" == n || "/" == n && t.eat(">")) return e.tokenize = r, C = ">" == n ? "endTag" : "selfcloseTag", "tag"; if ("=" == n) return C = "equals", null; if ("<" == n) { e.tokenize = r; var a = e.tokenize(t, e); return a ? a + " error" : "error" } return /[\'\"]/.test(n) ? (e.tokenize = o(n), e.stringStartCol = t.column(), e.tokenize(t, e)) : (t.eatWhile(/[^\s\u00a0=<>\"\']/), "word") } function o(t) { var e = function (e, r) { for (; !e.eol() ;) if (e.next() == t) { r.tokenize = n; break } return "string" }; return e.isInAttribute = !0, e } function a(t, e) { return function (n, o) { for (; !n.eol() ;) { if (n.match(e)) { o.tokenize = r; break } n.next() } return t } } function i(t) { return function (e, n) { for (var o; null != (o = e.next()) ;) { if ("<" == o) return n.tokenize = i(t + 1), n.tokenize(e, n); if (">" == o) { if (1 == t) { n.tokenize = r; break } return n.tokenize = i(t - 1), n.tokenize(e, n) } } return "meta" } } function l() { for (var t = arguments.length - 1; t >= 0; t--) w.cc.push(arguments[t]) } function u() { return l.apply(null, arguments), !0 } function f(t, e) { var r = N.doNotIndent.hasOwnProperty(t) || w.context && w.context.noIndent; w.context = { prev: w.context, tagName: t, indent: w.indented, startOfLine: e, noIndent: r } } function c() { w.context && (w.context = w.context.prev) } function d(t) { if ("openTag" == t) return w.tagName = b, w.tagStart = T.column(), u(p, s(w.startOfLine)); if ("closeTag" == t) { var e = !1; return w.context ? w.context.tagName != b && (N.implicitlyClosed.hasOwnProperty(w.context.tagName.toLowerCase()) && c(), e = !w.context || w.context.tagName != b) : e = !0, e && (v = "error"), u(m(e)) } return u() } function s(t) { return function (e) { var r = w.tagName; return w.tagName = w.tagStart = null, "selfcloseTag" == e || "endTag" == e && N.autoSelfClosers.hasOwnProperty(r.toLowerCase()) ? (g(r.toLowerCase()), u()) : "endTag" == e ? (g(r.toLowerCase()), f(r, t), u()) : u() } } function m(t) { return function (e) { return t && (v = "error"), "endTag" == e ? (c(), u()) : (v = "error", u(arguments.callee)) } } function g(t) { for (var e; ;) { if (!w.context) return; if (e = w.context.tagName.toLowerCase(), !N.contextGrabbers.hasOwnProperty(e) || !N.contextGrabbers[e].hasOwnProperty(t)) return; c() } } function p(t) { return "word" == t ? (v = "attribute", u(h, p)) : "endTag" == t || "selfcloseTag" == t ? l() : (v = "error", u(p)) } function h(t) { if ("equals" == t) return u(x, p); if (N.allowMissing) { if ("word" == t) return v = "attribute", u(h, p) } else v = "error"; return "endTag" == t || "selfcloseTag" == t ? l() : u() } function x(t) { return "string" == t ? u(k) : "word" == t && N.allowUnquoted ? (v = "string", u()) : (v = "error", "endTag" == t || "selfCloseTag" == t ? l() : u()) } function k(t) { return "string" == t ? u(k) : l() } var b, C, w, T, v, z = t.indentUnit, M = e.multilineTagIndentFactor || 1, y = e.multilineTagIndentPastTag || !0, N = e.htmlMode ? { autoSelfClosers: { area: !0, base: !0, br: !0, col: !0, command: !0, embed: !0, frame: !0, hr: !0, img: !0, input: !0, keygen: !0, link: !0, meta: !0, param: !0, source: !0, track: !0, wbr: !0 }, implicitlyClosed: { dd: !0, li: !0, optgroup: !0, option: !0, p: !0, rp: !0, rt: !0, tbody: !0, td: !0, tfoot: !0, th: !0, tr: !0 }, contextGrabbers: { dd: { dd: !0, dt: !0 }, dt: { dd: !0, dt: !0 }, li: { li: !0 }, option: { option: !0, optgroup: !0 }, optgroup: { optgroup: !0 }, p: { address: !0, article: !0, aside: !0, blockquote: !0, dir: !0, div: !0, dl: !0, fieldset: !0, footer: !0, form: !0, h1: !0, h2: !0, h3: !0, h4: !0, h5: !0, h6: !0, header: !0, hgroup: !0, hr: !0, menu: !0, nav: !0, ol: !0, p: !0, pre: !0, section: !0, table: !0, ul: !0 }, rp: { rp: !0, rt: !0 }, rt: { rp: !0, rt: !0 }, tbody: { tbody: !0, tfoot: !0 }, td: { td: !0, th: !0 }, tfoot: { tbody: !0 }, th: { td: !0, th: !0 }, thead: { tbody: !0, tfoot: !0 }, tr: { tr: !0 } }, doNotIndent: { pre: !0 }, allowUnquoted: !0, allowMissing: !0 } : { autoSelfClosers: {}, implicitlyClosed: {}, contextGrabbers: {}, doNotIndent: {}, allowUnquoted: !1, allowMissing: !1 }, I = e.alignCDATA; return { startState: function () { return { tokenize: r, cc: [], indented: 0, startOfLine: !0, tagName: null, tagStart: null, context: null } }, token: function (t, e) { if (!e.tagName && t.sol() && (e.startOfLine = !0, e.indented = t.indentation()), t.eatSpace()) return null; v = C = b = null; var r = e.tokenize(t, e); if (e.type = C, (r || C) && "comment" != r) for (w = e, T = t; ;) if ((e.cc.pop() || d)(C || r)) break; return e.startOfLine = !1, v && (r = "error" == v ? r + " error" : v), r }, indent: function (t, e, o) { var a = t.context; if (t.tokenize.isInAttribute) return t.stringStartCol + 1; if (t.tokenize != n && t.tokenize != r || a && a.noIndent) return o ? o.match(/^(\s*)/)[0].length : 0; if (t.tagName) return y ? t.tagStart + t.tagName.length + 2 : t.tagStart + z * M; if (I && /<!\[CDATA\[/.test(e)) return 0; for (a && /^<\//.test(e) && (a = a.prev) ; a && !a.startOfLine;) a = a.prev; return a ? a.indent + z : 0 }, electricChars: "/", blockCommentStart: "\x3c!--", blockCommentEnd: "--\x3e", configuration: e.htmlMode ? "html" : "xml", helperType: e.htmlMode ? "html" : "xml" } }), CodeMirror.defineMIME("text/xml", "xml"), CodeMirror.defineMIME("application/xml", "xml"), CodeMirror.mimeModes.hasOwnProperty("text/html") || CodeMirror.defineMIME("text/html", { name: "xml", htmlMode: !0 });
            </script>
        
            <script type="text/javascript">
                CodeMirror.defineMode("javascript", function (e, t) { function r(e, t, r) { return t.tokenize = r, r(e, t) } function n(e, t) { for (var r, n = !1; null != (r = e.next()) ;) { if (r == t && !n) return !1; n = !n && "\\" == r } return n } function a(e, t, r) { return G = e, H = r, t } function i(e, t) { var i = e.next(); if ('"' == i || "'" == i) return r(e, t, o(i)); if ("." == i && e.match(/^\d+(?:[eE][+\-]?\d+)?/)) return a("number", "number"); if (/[\[\]{},;\:\.]/.test(i)) return a(i); if ("0" == i && e.eat(/x/i)) return e.eatWhile(/[\da-f]/i), a("number", "number"); if (/\d/.test(i)) return e.match(/^\d*(?:\.\d*)?(?:[eE][+\-]?\d+)?/), a("number", "number"); if ("/" == i) return e.eat("*") ? r(e, t, c) : e.eat("/") ? (e.skipToEnd(), a("comment", "comment")) : "operator" == t.lastType || "keyword c" == t.lastType || /^[\[{}\(,;:]$/.test(t.lastType) ? (n(e, "/"), e.eatWhile(/[gimy]/), a("regexp", "string-2")) : (e.eatWhile(X), a("operator", null, e.current())); if ("#" == i) return e.skipToEnd(), a("error", "error"); if (X.test(i)) return e.eatWhile(X), a("operator", null, e.current()); e.eatWhile(/[\w\$_]/); var l = e.current(), u = R.propertyIsEnumerable(l) && R[l]; return u && "." != t.lastType ? a(u.type, u.style, l) : a("variable", "variable", l) } function o(e) { return function (t, r) { return n(t, e) || (r.tokenize = i), a("string", "string") } } function c(e, t) { for (var r, n = !1; r = e.next() ;) { if ("/" == r && n) { t.tokenize = i; break } n = "*" == r } return a("comment", "comment") } function l(e, t, r, n, a, i) { this.indented = e, this.column = t, this.type = r, this.prev = a, this.info = i, null != n && (this.align = n) } function u(e, t) { for (var r = e.localVars; r; r = r.next) if (r.name == t) return !0 } function s(e, t, r, n, a) { var i = e.cc; for (Z.state = e, Z.stream = a, Z.marked = null, Z.cc = i, e.lexical.hasOwnProperty("align") || (e.lexical.align = !0) ; ;) if ((i.length ? i.pop() : L ? k : x)(r, n)) { for (; i.length && i[i.length - 1].lex;) i.pop()(); return Z.marked ? Z.marked : "variable" == r && u(e, n) ? "variable-2" : t } } function f() { for (var e = arguments.length - 1; e >= 0; e--) Z.cc.push(arguments[e]) } function p() { return f.apply(null, arguments), !0 } function d(e) { function t(t) { for (var r = t; r; r = r.next) if (r.name == e) return !0; return !1 } var r = Z.state; if (r.context) { if (Z.marked = "def", t(r.localVars)) return; r.localVars = { name: e, next: r.localVars } } else { if (t(r.globalVars)) return; r.globalVars = { name: e, next: r.globalVars } } } function v() { Z.state.context = { prev: Z.state.context, vars: Z.state.localVars }, Z.state.localVars = ee } function m() { Z.state.localVars = Z.state.context.vars, Z.state.context = Z.state.context.prev } function y(e, t) { var r = function () { var r = Z.state, n = r.indented; "stat" == r.lexical.type && (n = r.lexical.indented), r.lexical = new l(n, Z.stream.column(), e, null, r.lexical, t) }; return r.lex = !0, r } function b() { var e = Z.state; e.lexical.prev && (")" == e.lexical.type && (e.indented = e.lexical.indented), e.lexical = e.lexical.prev) } function h(e) { return function (t) { return t == e ? p() : ";" == e ? f() : p(arguments.callee) } } function x(e) { return "var" == e ? p(y("vardef"), N, h(";"), b) : "keyword a" == e ? p(y("form"), k, x, b) : "keyword b" == e ? p(y("form"), x, b) : "{" == e ? p(y("}"), W, b) : ";" == e ? p() : "if" == e ? p(y("form"), k, x, b, A) : "function" == e ? p(D) : "for" == e ? p(y("form"), h("("), y(")"), U, h(")"), b, x, b) : "variable" == e ? p(y("stat"), E) : "switch" == e ? p(y("form"), k, y("}", "switch"), h("{"), W, b, b) : "case" == e ? p(k, h(":")) : "default" == e ? p(h(":")) : "catch" == e ? p(y("form"), v, h("("), F, h(")"), x, b, m) : f(y("stat"), k, h(";"), b) } function k(e) { return g(e, !1) } function M(e) { return g(e, !0) } function g(e, t) { var r = t ? C : V; return Y.hasOwnProperty(e) ? p(r) : "function" == e ? p(D) : "keyword c" == e ? p(t ? j : w) : "(" == e ? p(y(")"), w, h(")"), b, r) : "operator" == e ? p(t ? M : k) : "[" == e ? p(y("]"), P(M, "]"), b, r) : "{" == e ? p(y("}"), P(I, "}"), b, r) : p() } function w(e) { return e.match(/[;\}\)\],]/) ? f() : f(k) } function j(e) { return e.match(/[;\}\)\],]/) ? f() : f(M) } function V(e, t) { return "," == e ? p(k) : C(e, t, !1) } function C(e, t, r) { var n = 0 == r ? V : C, a = 0 == r ? k : M; return "operator" == e ? /\+\+|--/.test(t) ? p(n) : "?" == t ? p(k, h(":"), a) : p(a) : ";" != e ? "(" == e ? p(y(")", "call"), P(M, ")"), b, n) : "." == e ? p(T, n) : "[" == e ? p(y("]"), w, h("]"), b, n) : void 0 : void 0 } function E(e) { return ":" == e ? p(b, x) : f(V, h(";"), b) } function T(e) { if ("variable" == e) return Z.marked = "property", p() } function I(e, t) { if ("variable" == e) { if (Z.marked = "property", "get" == t || "set" == t) return p(z) } else "number" != e && "string" != e || (Z.marked = e + " property"); if (Y.hasOwnProperty(e)) return p(h(":"), M) } function z(e) { return ":" == e ? p(k) : "variable" != e ? p(h(":"), k) : (Z.marked = "property", p(D)) } function P(e, t) { function r(n) { if ("," == n) { var a = Z.state.lexical; return "call" == a.info && (a.pos = (a.pos || 0) + 1), p(e, r) } return n == t ? p() : p(h(t)) } return function (n) { return n == t ? p() : f(e, r) } } function W(e) { return "}" == e ? p() : f(x, W) } function O(e) { return ":" == e ? p(S) : f() } function S(e) { return "variable" == e ? (Z.marked = "variable-3", p()) : f() } function N(e, t) { return "variable" == e ? (d(t), Q ? p(O, $) : p($)) : f() } function $(e, t) { return "=" == t ? p(M, $) : "," == e ? p(N) : void 0 } function A(e, t) { if ("keyword b" == e && "else" == t) return p(y("form"), x, b) } function U(e) { return "var" == e ? p(N, h(";"), q) : ";" == e ? p(q) : "variable" == e ? p(_) : f(k, h(";"), q) } function _(e, t) { return "in" == t ? p(k) : p(V, q) } function q(e, t) { return ";" == e ? p(B) : "in" == t ? p(k) : f(k, h(";"), B) } function B(e) { ")" != e && p(k) } function D(e, t) { return "variable" == e ? (d(t), p(D)) : "(" == e ? p(y(")"), v, P(F, ")"), b, x, m) : void 0 } function F(e, t) { if ("variable" == e) return d(t), Q ? p(O) : p() } var G, H, J = e.indentUnit, K = t.statementIndent, L = t.json, Q = t.typescript, R = function () { function e(e) { return { type: e, style: "keyword" } } var t = e("keyword a"), r = e("keyword b"), n = e("keyword c"), a = e("operator"), i = { type: "atom", style: "atom" }, o = { if: e("if"), while: t, with: t, else: r, do: r, try: r, finally: r, return: n, break: n, continue: n, new: n, delete: n, throw: n, var: e("var"), const: e("var"), let: e("var"), function: e("function"), catch: e("catch"), for: e("for"), switch: e("switch"), case: e("case"), default: e("default"), in: a, typeof: a, instanceof: a, true: i, false: i, null: i, undefined: i, NaN: i, Infinity: i, this: e("this") }; if (Q) { var c = { type: "variable", style: "variable-3" }, l = { interface: e("interface"), class: e("class"), extends: e("extends"), constructor: e("constructor"), public: e("public"), private: e("private"), protected: e("protected"), static: e("static"), super: e("super"), string: c, number: c, bool: c, any: c }; for (var u in l) o[u] = l[u] } return o }(), X = /[+\-*&%=<>!?|~^]/, Y = { atom: !0, number: !0, variable: !0, string: !0, regexp: !0, this: !0 }, Z = { state: null, column: null, marked: null, cc: null }, ee = { name: "this", next: { name: "arguments" } }; return b.lex = !0, { startState: function (e) { return { tokenize: i, lastType: null, cc: [], lexical: new l((e || 0) - J, 0, "block", !1), localVars: t.localVars, globalVars: t.globalVars, context: t.localVars && { vars: t.localVars }, indented: 0 } }, token: function (e, t) { if (e.sol() && (t.lexical.hasOwnProperty("align") || (t.lexical.align = !1), t.indented = e.indentation()), t.tokenize != c && e.eatSpace()) return null; var r = t.tokenize(e, t); return "comment" == G ? r : (t.lastType = "operator" != G || "++" != H && "--" != H ? G : "incdec", s(t, r, G, H, e)) }, indent: function (e, r) { if (e.tokenize == c) return CodeMirror.Pass; if (e.tokenize != i) return 0; for (var n = r && r.charAt(0), a = e.lexical, o = e.cc.length - 1; o >= 0; --o) { var l = e.cc[o]; if (l == b) a = a.prev; else if (l != A || /^else\b/.test(r)) break } "stat" == a.type && "}" == n && (a = a.prev), K && ")" == a.type && "stat" == a.prev.type && (a = a.prev); var u = a.type, s = n == u; return "vardef" == u ? a.indented + ("operator" == e.lastType || "," == e.lastType ? 4 : 0) : "form" == u && "{" == n ? a.indented : "form" == u ? a.indented + J : "stat" == u ? a.indented + ("operator" == e.lastType || "," == e.lastType ? K || J : 0) : "switch" != a.info || s || 0 == t.doubleIndentSwitch ? a.align ? a.column + (s ? 0 : 1) : a.indented + (s ? 0 : J) : a.indented + (/^(?:case|default)\b/.test(r) ? J : 2 * J) }, electricChars: ":{}", blockCommentStart: L ? null : "/*", blockCommentEnd: L ? null : "*/", lineComment: L ? null : "//", fold: "brace", helperType: L ? "json" : "javascript", jsonMode: L } }), CodeMirror.defineMIME("text/javascript", "javascript"), CodeMirror.defineMIME("text/ecmascript", "javascript"), CodeMirror.defineMIME("application/javascript", "javascript"), CodeMirror.defineMIME("application/ecmascript", "javascript"), CodeMirror.defineMIME("application/json", { name: "javascript", json: !0 }), CodeMirror.defineMIME("application/x-json", { name: "javascript", json: !0 }), CodeMirror.defineMIME("text/typescript", { name: "javascript", typescript: !0 }), CodeMirror.defineMIME("application/typescript", { name: "javascript", typescript: !0 });
            </script>
        
            <script type="text/javascript">
                CodeMirror.defineMode("css", function (e, t) { "use strict"; function r(e, t) { return h = t, e } function i(e, t) { var i = e.next(); if (l[i]) { var n = l[i](e, t); if (!1 !== n) return n } if ("@" == i) return e.eatWhile(/[\w\\\-]/), r("def", e.current()); if ("=" == i) r(null, "compare"); else { if (("~" == i || "|" == i) && e.eat("=")) return r(null, "compare"); if ('"' == i || "'" == i) return t.tokenize = a(i), t.tokenize(e, t); if ("#" == i) return e.eatWhile(/[\w\\\-]/), r("atom", "hash"); if ("!" == i) return e.match(/^\s*\w*/), r("keyword", "important"); if (/\d/.test(i) || "." == i && e.eat(/\d/)) return e.eatWhile(/[\w.%]/), r("number", "unit"); if ("-" !== i) return /[,+>*\/]/.test(i) ? r(null, "select-op") : "." == i && e.match(/^-?[_a-z][_a-z0-9-]*/i) ? r("qualifier", "qualifier") : ":" == i ? r("operator", i) : /[;{}\[\]]/.test(i) ? r(null, i) : "u" == i && e.match("rl(") ? (e.backUp(1), t.tokenize = o, r("property", "variable")) : (e.eatWhile(/[\w\\\-]/), r("property", "variable")); if (/\d/.test(e.peek())) return e.eatWhile(/[\w.%]/), r("number", "unit"); if (e.match(/^[^-]+-/)) return r("meta", "meta") } } function a(e, t) { return function (a, o) { for (var n, l = !1; null != (n = a.next()) && (n != e || l) ;) l = !l && "\\" == n; return l || (t && a.backUp(1), o.tokenize = i), r("string", "string") } } function o(e, t) { return e.next(), e.match(/\s*[\"\']/, !1) ? t.tokenize = i : t.tokenize = a(")", !0), r(null, "(") } t.propertyKeywords || (t = CodeMirror.resolveMode("text/css")); var n = e.indentUnit || e.tabSize || 2, l = t.hooks || {}, s = t.atMediaTypes || {}, d = t.atMediaFeatures || {}, c = t.propertyKeywords || {}, u = t.colorKeywords || {}, p = t.valueKeywords || {}, m = !!t.allowNested, h = null; return { startState: function (e) { return { tokenize: i, baseIndent: e || 0, stack: [], lastToken: null } }, token: function (e, t) { if (t.tokenize = t.tokenize || i, t.tokenize == i && e.eatSpace()) return null; var a = t.tokenize(e, t); a && "string" != typeof a && (a = r(a[0], a[1])); var o = t.stack[t.stack.length - 1]; if ("variable" == a) return "variable-definition" == h && t.stack.push("propertyValue"), t.lastToken = "variable-2"; if ("property" == a) { var n = e.current().toLowerCase(); "propertyValue" == o ? a = p.hasOwnProperty(n) ? "string-2" : u.hasOwnProperty(n) ? "keyword" : "variable-2" : "rule" == o ? c.hasOwnProperty(n) || (a += " error") : "block" == o ? a = c.hasOwnProperty(n) ? "property" : u.hasOwnProperty(n) ? "keyword" : p.hasOwnProperty(n) ? "string-2" : "tag" : o && "@media{" != o ? "@media" == o ? a = s[e.current()] ? "attribute" : /^(only|not)$/.test(n) ? "keyword" : "and" == n ? "error" : d.hasOwnProperty(n) ? "error" : "attribute error" : "@mediaType" == o ? a = s.hasOwnProperty(n) ? "attribute" : "and" == n ? "operator" : (/^(only|not)$/.test(n), "error") : "@mediaType(" == o ? c.hasOwnProperty(n) || (s.hasOwnProperty(n) ? a = "error" : "and" == n ? a = "operator" : /^(only|not)$/.test(n) ? a = "error" : a += " error") : a = "@import" == o ? "tag" : "error" : a = "tag" } else "atom" == a ? o && "@media{" != o && "block" != o ? "propertyValue" == o ? /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(e.current()) || (a += " error") : a = "error" : a = "builtin" : "@media" == o && "{" == h && (a = "error"); if ("{" == h) if ("@media" == o || "@mediaType" == o) t.stack[t.stack.length - 1] = "@media{"; else { var l = m ? "block" : "rule"; t.stack.push(l) } else if ("}" == h) for ("interpolation" == o && (a = "operator") ; t.stack.length && !((g = t.stack.pop()).indexOf("{") > -1) ;); else if ("interpolation" == h) t.stack.push("interpolation"); else if ("@media" == h) t.stack.push("@media"); else if ("@import" == h) t.stack.push("@import"); else if ("@media" == o && /\b(keyword|attribute)\b/.test(a)) t.stack[t.stack.length - 1] = "@mediaType"; else if ("@mediaType" == o && "," == e.current()) t.stack[t.stack.length - 1] = "@media"; else if ("(" == h) "@media" == o || "@mediaType" == o ? (t.stack[t.stack.length - 1] = "@mediaType", t.stack.push("@mediaType(")) : t.stack.push("("); else if (")" == h) for (; t.stack.length;) { var g = t.stack.pop(); if (g.indexOf("(") > -1) break } else ":" == h && "property" == t.lastToken ? t.stack.push("propertyValue") : "propertyValue" == o && ";" == h ? t.stack.pop() : "@import" == o && ";" == h && t.stack.pop(); return t.lastToken = a }, indent: function (e, t) { var r = e.stack.length; return /^\}/.test(t) && (r -= "propertyValue" == e.stack[r - 1] ? 2 : 1), e.baseIndent + r * n }, electricChars: "}", blockCommentStart: "/*", blockCommentEnd: "*/", fold: "brace" } }), function () { function e(e) { for (var t = {}, r = 0; r < e.length; ++r) t[e[r]] = !0; return t } function t(e, t) { for (var r, i = !1; null != (r = e.next()) ;) { if (i && "/" == r) { t.tokenize = null; break } i = "*" == r } return ["comment", "comment"] } var r = e(["all", "aural", "braille", "handheld", "print", "projection", "screen", "tty", "tv", "embossed"]), i = e(["width", "min-width", "max-width", "height", "min-height", "max-height", "device-width", "min-device-width", "max-device-width", "device-height", "min-device-height", "max-device-height", "aspect-ratio", "min-aspect-ratio", "max-aspect-ratio", "device-aspect-ratio", "min-device-aspect-ratio", "max-device-aspect-ratio", "color", "min-color", "max-color", "color-index", "min-color-index", "max-color-index", "monochrome", "min-monochrome", "max-monochrome", "resolution", "min-resolution", "max-resolution", "scan", "grid"]), a = e(["align-content", "align-items", "align-self", "alignment-adjust", "alignment-baseline", "anchor-point", "animation", "animation-delay", "animation-direction", "animation-duration", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timing-function", "appearance", "azimuth", "backface-visibility", "background", "background-attachment", "background-clip", "background-color", "background-image", "background-origin", "background-position", "background-repeat", "background-size", "baseline-shift", "binding", "bleed", "bookmark-label", "bookmark-level", "bookmark-state", "bookmark-target", "border", "border-bottom", "border-bottom-color", "border-bottom-left-radius", "border-bottom-right-radius", "border-bottom-style", "border-bottom-width", "border-collapse", "border-color", "border-image", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width", "border-left", "border-left-color", "border-left-style", "border-left-width", "border-radius", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-spacing", "border-style", "border-top", "border-top-color", "border-top-left-radius", "border-top-right-radius", "border-top-style", "border-top-width", "border-width", "bottom", "box-decoration-break", "box-shadow", "box-sizing", "break-after", "break-before", "break-inside", "caption-side", "clear", "clip", "color", "color-profile", "column-count", "column-fill", "column-gap", "column-rule", "column-rule-color", "column-rule-style", "column-rule-width", "column-span", "column-width", "columns", "content", "counter-increment", "counter-reset", "crop", "cue", "cue-after", "cue-before", "cursor", "direction", "display", "dominant-baseline", "drop-initial-after-adjust", "drop-initial-after-align", "drop-initial-before-adjust", "drop-initial-before-align", "drop-initial-size", "drop-initial-value", "elevation", "empty-cells", "fit", "fit-position", "flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow", "flex-shrink", "flex-wrap", "float", "float-offset", "flow-from", "flow-into", "font", "font-feature-settings", "font-family", "font-kerning", "font-language-override", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-synthesis", "font-variant", "font-variant-alternates", "font-variant-caps", "font-variant-east-asian", "font-variant-ligatures", "font-variant-numeric", "font-variant-position", "font-weight", "grid-cell", "grid-column", "grid-column-align", "grid-column-sizing", "grid-column-span", "grid-columns", "grid-flow", "grid-row", "grid-row-align", "grid-row-sizing", "grid-row-span", "grid-rows", "grid-template", "hanging-punctuation", "height", "hyphens", "icon", "image-orientation", "image-rendering", "image-resolution", "inline-box-align", "justify-content", "left", "letter-spacing", "line-break", "line-height", "line-stacking", "line-stacking-ruby", "line-stacking-shift", "line-stacking-strategy", "list-style", "list-style-image", "list-style-position", "list-style-type", "margin", "margin-bottom", "margin-left", "margin-right", "margin-top", "marker-offset", "marks", "marquee-direction", "marquee-loop", "marquee-play-count", "marquee-speed", "marquee-style", "max-height", "max-width", "min-height", "min-width", "move-to", "nav-down", "nav-index", "nav-left", "nav-right", "nav-up", "opacity", "order", "orphans", "outline", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow", "overflow-style", "overflow-wrap", "overflow-x", "overflow-y", "padding", "padding-bottom", "padding-left", "padding-right", "padding-top", "page", "page-break-after", "page-break-before", "page-break-inside", "page-policy", "pause", "pause-after", "pause-before", "perspective", "perspective-origin", "pitch", "pitch-range", "play-during", "position", "presentation-level", "punctuation-trim", "quotes", "region-break-after", "region-break-before", "region-break-inside", "region-fragment", "rendering-intent", "resize", "rest", "rest-after", "rest-before", "richness", "right", "rotation", "rotation-point", "ruby-align", "ruby-overhang", "ruby-position", "ruby-span", "shape-inside", "shape-outside", "size", "speak", "speak-as", "speak-header", "speak-numeral", "speak-punctuation", "speech-rate", "stress", "string-set", "tab-size", "table-layout", "target", "target-name", "target-new", "target-position", "text-align", "text-align-last", "text-decoration", "text-decoration-color", "text-decoration-line", "text-decoration-skip", "text-decoration-style", "text-emphasis", "text-emphasis-color", "text-emphasis-position", "text-emphasis-style", "text-height", "text-indent", "text-justify", "text-outline", "text-overflow", "text-shadow", "text-size-adjust", "text-space-collapse", "text-transform", "text-underline-position", "text-wrap", "top", "transform", "transform-origin", "transform-style", "transition", "transition-delay", "transition-duration", "transition-property", "transition-timing-function", "unicode-bidi", "vertical-align", "visibility", "voice-balance", "voice-duration", "voice-family", "voice-pitch", "voice-range", "voice-rate", "voice-stress", "voice-volume", "volume", "white-space", "widows", "width", "word-break", "word-spacing", "word-wrap", "z-index", "zoom", "clip-path", "clip-rule", "mask", "enable-background", "filter", "flood-color", "flood-opacity", "lighting-color", "stop-color", "stop-opacity", "pointer-events", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "fill", "fill-opacity", "fill-rule", "image-rendering", "marker", "marker-end", "marker-mid", "marker-start", "shape-rendering", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "text-rendering", "baseline-shift", "dominant-baseline", "glyph-orientation-horizontal", "glyph-orientation-vertical", "kerning", "text-anchor", "writing-mode"]), o = e(["aliceblue", "antiquewhite", "aqua", "aquamarine", "azure", "beige", "bisque", "black", "blanchedalmond", "blue", "blueviolet", "brown", "burlywood", "cadetblue", "chartreuse", "chocolate", "coral", "cornflowerblue", "cornsilk", "crimson", "cyan", "darkblue", "darkcyan", "darkgoldenrod", "darkgray", "darkgreen", "darkkhaki", "darkmagenta", "darkolivegreen", "darkorange", "darkorchid", "darkred", "darksalmon", "darkseagreen", "darkslateblue", "darkslategray", "darkturquoise", "darkviolet", "deeppink", "deepskyblue", "dimgray", "dodgerblue", "firebrick", "floralwhite", "forestgreen", "fuchsia", "gainsboro", "ghostwhite", "gold", "goldenrod", "gray", "grey", "green", "greenyellow", "honeydew", "hotpink", "indianred", "indigo", "ivory", "khaki", "lavender", "lavenderblush", "lawngreen", "lemonchiffon", "lightblue", "lightcoral", "lightcyan", "lightgoldenrodyellow", "lightgray", "lightgreen", "lightpink", "lightsalmon", "lightseagreen", "lightskyblue", "lightslategray", "lightsteelblue", "lightyellow", "lime", "limegreen", "linen", "magenta", "maroon", "mediumaquamarine", "mediumblue", "mediumorchid", "mediumpurple", "mediumseagreen", "mediumslateblue", "mediumspringgreen", "mediumturquoise", "mediumvioletred", "midnightblue", "mintcream", "mistyrose", "moccasin", "navajowhite", "navy", "oldlace", "olive", "olivedrab", "orange", "orangered", "orchid", "palegoldenrod", "palegreen", "paleturquoise", "palevioletred", "papayawhip", "peachpuff", "peru", "pink", "plum", "powderblue", "purple", "red", "rosybrown", "royalblue", "saddlebrown", "salmon", "sandybrown", "seagreen", "seashell", "sienna", "silver", "skyblue", "slateblue", "slategray", "snow", "springgreen", "steelblue", "tan", "teal", "thistle", "tomato", "turquoise", "violet", "wheat", "white", "whitesmoke", "yellow", "yellowgreen"]), n = e(["above", "absolute", "activeborder", "activecaption", "afar", "after-white-space", "ahead", "alias", "all", "all-scroll", "alternate", "always", "amharic", "amharic-abegede", "antialiased", "appworkspace", "arabic-indic", "armenian", "asterisks", "auto", "avoid", "avoid-column", "avoid-page", "avoid-region", "background", "backwards", "baseline", "below", "bidi-override", "binary", "bengali", "blink", "block", "block-axis", "bold", "bolder", "border", "border-box", "both", "bottom", "break", "break-all", "break-word", "button", "button-bevel", "buttonface", "buttonhighlight", "buttonshadow", "buttontext", "cambodian", "capitalize", "caps-lock-indicator", "caption", "captiontext", "caret", "cell", "center", "checkbox", "circle", "cjk-earthly-branch", "cjk-heavenly-stem", "cjk-ideographic", "clear", "clip", "close-quote", "col-resize", "collapse", "column", "compact", "condensed", "contain", "content", "content-box", "context-menu", "continuous", "copy", "cover", "crop", "cross", "crosshair", "currentcolor", "cursive", "dashed", "decimal", "decimal-leading-zero", "default", "default-button", "destination-atop", "destination-in", "destination-out", "destination-over", "devanagari", "disc", "discard", "document", "dot-dash", "dot-dot-dash", "dotted", "double", "down", "e-resize", "ease", "ease-in", "ease-in-out", "ease-out", "element", "ellipse", "ellipsis", "embed", "end", "ethiopic", "ethiopic-abegede", "ethiopic-abegede-am-et", "ethiopic-abegede-gez", "ethiopic-abegede-ti-er", "ethiopic-abegede-ti-et", "ethiopic-halehame-aa-er", "ethiopic-halehame-aa-et", "ethiopic-halehame-am-et", "ethiopic-halehame-gez", "ethiopic-halehame-om-et", "ethiopic-halehame-sid-et", "ethiopic-halehame-so-et", "ethiopic-halehame-ti-er", "ethiopic-halehame-ti-et", "ethiopic-halehame-tig", "ew-resize", "expanded", "extra-condensed", "extra-expanded", "fantasy", "fast", "fill", "fixed", "flat", "footnotes", "forwards", "from", "geometricPrecision", "georgian", "graytext", "groove", "gujarati", "gurmukhi", "hand", "hangul", "hangul-consonant", "hebrew", "help", "hidden", "hide", "higher", "highlight", "highlighttext", "hiragana", "hiragana-iroha", "horizontal", "hsl", "hsla", "icon", "ignore", "inactiveborder", "inactivecaption", "inactivecaptiontext", "infinite", "infobackground", "infotext", "inherit", "initial", "inline", "inline-axis", "inline-block", "inline-table", "inset", "inside", "intrinsic", "invert", "italic", "justify", "kannada", "katakana", "katakana-iroha", "keep-all", "khmer", "landscape", "lao", "large", "larger", "left", "level", "lighter", "line-through", "linear", "lines", "list-item", "listbox", "listitem", "local", "logical", "loud", "lower", "lower-alpha", "lower-armenian", "lower-greek", "lower-hexadecimal", "lower-latin", "lower-norwegian", "lower-roman", "lowercase", "ltr", "malayalam", "match", "media-controls-background", "media-current-time-display", "media-fullscreen-button", "media-mute-button", "media-play-button", "media-return-to-realtime-button", "media-rewind-button", "media-seek-back-button", "media-seek-forward-button", "media-slider", "media-sliderthumb", "media-time-remaining-display", "media-volume-slider", "media-volume-slider-container", "media-volume-sliderthumb", "medium", "menu", "menulist", "menulist-button", "menulist-text", "menulist-textfield", "menutext", "message-box", "middle", "min-intrinsic", "mix", "mongolian", "monospace", "move", "multiple", "myanmar", "n-resize", "narrower", "ne-resize", "nesw-resize", "no-close-quote", "no-drop", "no-open-quote", "no-repeat", "none", "normal", "not-allowed", "nowrap", "ns-resize", "nw-resize", "nwse-resize", "oblique", "octal", "open-quote", "optimizeLegibility", "optimizeSpeed", "oriya", "oromo", "outset", "outside", "outside-shape", "overlay", "overline", "padding", "padding-box", "painted", "page", "paused", "persian", "plus-darker", "plus-lighter", "pointer", "polygon", "portrait", "pre", "pre-line", "pre-wrap", "preserve-3d", "progress", "push-button", "radio", "read-only", "read-write", "read-write-plaintext-only", "rectangle", "region", "relative", "repeat", "repeat-x", "repeat-y", "reset", "reverse", "rgb", "rgba", "ridge", "right", "round", "row-resize", "rtl", "run-in", "running", "s-resize", "sans-serif", "scroll", "scrollbar", "se-resize", "searchfield", "searchfield-cancel-button", "searchfield-decoration", "searchfield-results-button", "searchfield-results-decoration", "semi-condensed", "semi-expanded", "separate", "serif", "show", "sidama", "single", "skip-white-space", "slide", "slider-horizontal", "slider-vertical", "sliderthumb-horizontal", "sliderthumb-vertical", "slow", "small", "small-caps", "small-caption", "smaller", "solid", "somali", "source-atop", "source-in", "source-out", "source-over", "space", "square", "square-button", "start", "static", "status-bar", "stretch", "stroke", "sub", "subpixel-antialiased", "super", "sw-resize", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row", "table-row-group", "telugu", "text", "text-bottom", "text-top", "textarea", "textfield", "thai", "thick", "thin", "threeddarkshadow", "threedface", "threedhighlight", "threedlightshadow", "threedshadow", "tibetan", "tigre", "tigrinya-er", "tigrinya-er-abegede", "tigrinya-et", "tigrinya-et-abegede", "to", "top", "transparent", "ultra-condensed", "ultra-expanded", "underline", "up", "upper-alpha", "upper-armenian", "upper-greek", "upper-hexadecimal", "upper-latin", "upper-norwegian", "upper-roman", "uppercase", "urdu", "url", "vertical", "vertical-text", "visible", "visibleFill", "visiblePainted", "visibleStroke", "visual", "w-resize", "wait", "wave", "wider", "window", "windowframe", "windowtext", "x-large", "x-small", "xor", "xx-large", "xx-small"]); CodeMirror.defineMIME("text/css", { atMediaTypes: r, atMediaFeatures: i, propertyKeywords: a, colorKeywords: o, valueKeywords: n, hooks: { "<": function (e, t) { function r(e, t) { for (var r, i = 0; null != (r = e.next()) ;) { if (i >= 2 && ">" == r) { t.tokenize = null; break } i = "-" == r ? i + 1 : 0 } return ["comment", "comment"] } if (e.eat("!")) return t.tokenize = r, r(e, t) }, "/": function (e, r) { return !!e.eat("*") && (r.tokenize = t, t(e, r)) } }, name: "css" }), CodeMirror.defineMIME("text/x-scss", { atMediaTypes: r, atMediaFeatures: i, propertyKeywords: a, colorKeywords: o, valueKeywords: n, allowNested: !0, hooks: { ":": function (e) { return !!e.match(/\s*{/) && [null, "{"] }, $: function (e) { return e.match(/^[\w-]+/), ":" == e.peek() ? ["variable", "variable-definition"] : ["variable", "variable"] }, ",": function (e, t) { if ("propertyValue" == t.stack[t.stack.length - 1]) return ["operator", ";"] }, "/": function (e, r) { return e.eat("/") ? (e.skipToEnd(), ["comment", "comment"]) : e.eat("*") ? (r.tokenize = t, t(e, r)) : ["operator", "operator"] }, "#": function (e) { return e.eat("{") ? ["operator", "interpolation"] : (e.eatWhile(/[\w\\\-]/), ["atom", "hash"]) } }, name: "css" }) }();
            </script>

"F11": function(cm) {
                                cm.setOption("fullScreen", !cm.getOption("fullScreen"));
                            },
                        "Esc": function(cm) {
                                if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
                            }, 
                        "F8": function (cm) {
                            if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
                            Run();
                        }
                    
                }
            });
            GlobalEditor = editor;

GlobalEditor.setSize(null, $(window).height() * 0.6);
            
        });
    //]]>
    </script><iframe src="https://767c9011ffa3e7d49a76d7d076936b0e.safeframe.googlesyndication.com/safeframe/1-0-38/html/container.html" style="visibility: hidden; display: none;"></iframe>

<table style="width: 100%; padding-right: 2em">
        <tbody><tr>
            <td align="right">
                <a class="selectedlink" href="https://rextester.com/">Run Code</a>&nbsp;
                |&nbsp;<a class="notselectedlink" href="https://rextester.com/main">API</a>&nbsp;  
                |&nbsp;<a class="notselectedlink" href="https://rextester.com/codewall">Code Wall</a>&nbsp;
                |&nbsp;<a class="notselectedlink" href="https://rextester.com/users">Users</a>&nbsp;
                
                |&nbsp;<a class="notselectedlink" href="https://rextester.com/tester">Misc</a>&nbsp;
                |&nbsp;<a class="notselectedlink" href="https://groups.google.com/g/rextester">Feedback</a>&nbsp;
                |&nbsp;<a class="notselectedlink" href="https://rextester.com/login/usersstuff">nhi8uqgtg7yuv</a>&nbsp;<span id="notifications"></span>
                        |&nbsp;<a class="notselectedlink" href="https://rextester.com/login/logout">Log out</a>&nbsp;
                    |&nbsp;<a href="https://rextester.com/theme" class="notselectedlink" title="Change theme">Theme</a>&nbsp;
                    |&nbsp;<a class="notselectedlink" href="https://rextester.com/main/privacy" title="Privacy policy">Privacy</a>&nbsp;
                    |&nbsp;<a href="https://www.patreon.com/rextester" class="notselectedlink" title="Patreon">Patreon</a>&nbsp;
                    
            </td>
        </tr>
    </tbody></table>
    
    
        <table style="table-layout:fixed;width:100%;">
            <tbody><tr>
                <td width="100%" valign="top">

<h2>
                run javascript fiddle online

</h2>
            <form action="/runcode" id="mainForm" method="post">

<div class="formcontent" style="padding-top: 0.5em; margin-bottom: 2em;">
            <table style="width: 95%; margin:0;">
                <tbody><tr>
                    <td align="left">
                        <span style="margin: 0 0.5em 0 0">Language:</span><select class="langdropdown" id="LanguageChoiceWrapper" name="LanguageChoiceWrapper"><option value="39">Ada</option>
<option value="15">Assembly</option>
<option value="38">Bash</option>
<option value="1">C#</option>
<option value="7">C++ (gcc)</option>
<option value="27">C++ (clang)</option>
<option value="28">C++ (vc++)</option>
<option value="6">C (gcc)</option>
<option value="26">C (clang)</option>
<option value="29">C (vc)</option>
<option selected="selected" value="36">Client Side</option>
<option value="47">Clojure</option>
<option value="18">Common Lisp</option>
<option value="30">D</option>
<option value="41">Elixir</option>
<option value="40">Erlang</option>
<option value="3">F#</option>
<option value="45">Fortran</option>
<option value="20">Go</option>
<option value="11">Haskell</option>
<option value="4">Java</option>
<option value="17">Javascript</option>
<option value="43">Kotlin</option>
<option value="14">Lua</option>
<option value="33">MySql</option>
<option value="23">Node.js</option>
<option value="42">Ocaml</option>
<option value="25">Octave</option>
<option value="10">Objective-C</option>
<option value="35">Oracle</option>
<option value="9">Pascal</option>
<option value="13">Perl</option>
<option value="8">Php</option>
<option value="34">PostgreSQL</option>
<option value="19">Prolog</option>
<option value="5">Python</option>
<option value="24">Python 3</option>
<option value="31">R</option>
<option value="46">Rust</option>
<option value="12">Ruby</option>
<option value="21">Scala</option>
<option value="22">Scheme</option>
<option value="16">Sql Server</option>
<option value="37">Swift</option>
<option value="32">Tcl</option>
<option value="2">Visual Basic</option>
</select>
                        
                        <span style="margin: 0 0.5em 0 0.5em">Editor:</span><select id="EditorChoiceWrapper" name="EditorChoiceWrapper"><option selected="selected" value="1">CodeMirror</option>
<option value="2">EditArea</option>
<option value="3">Simple</option>
</select>
                        
                        <span style="margin: 0 0.5em 0 0.5em">Layout:</span><select id="LayoutChoiceWrapper" name="LayoutChoiceWrapper"><option selected="selected" value="1">Vertical</option>
<option value="2">Horizontal</option>
</select>
                        
                        
                    </td>
                </tr>
            </tbody></table>
            
            
                  <div style="width: 95%; margin-top:1em;">
                        <textarea class="editor" spellcheck="false" cols="1000" id="Program" name="Program" rows="30" style="width: 100%; resize: none; display: none;">&lt;!--This code runs in your browser. If you want to see errors, examine them in your browser's developer console (usually invoked with F12)--&gt;
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Hello, world!&lt;/title&gt;
	&lt;meta charset="utf-8" /&gt;
    &lt;style type = "text/css" &gt;
        body { font - family: Arial; }
        pre { font - family: "Consolas",monospace; font - size: 14px; white - space: pre - wrap; word - wrap: break-word; width: 99 %; }
    &lt;/style&gt;
    &lt;script language="javascript" type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
    &lt;script type = "text/javascript"&gt;
        $(document).ready(function() {
            printSentence("result", "Hello, world!");
        });
        function printSentence(id, sentence) {
            for (var i = 0; i &lt; sentence.length; i++)
            {
                (function(index) {
                    setTimeout(function() {
                        document.getElementById(id).innerHTML += sentence[index];
                    }, 50 * i);
                })(i);
            }
        }
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;pre id = "result" &gt;&lt;/pre&gt;
&lt;/body&gt;
&lt;/html&gt;</textarea><div class="CodeMirror cm-s-default" style="height: 375px;"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 5px; left: 34px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;" tabindex="0"></textarea></div><div class="CodeMirror-vscrollbar" cm-not-content="true" style="bottom: 0px;"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-hscrollbar" cm-not-content="true"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 30px; margin-bottom: -17px; border-right-width: 13px; min-height: 23px; min-width: 7px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><span><span></span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors" style="visibility: hidden;"><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 15px;"> </div></div><div class="CodeMirror-code" role="presentation" style=""><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -30px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">1</div></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text=""></span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 13px; width: 1px; border-bottom: 0px solid transparent; top: 23px;"></div><div class="CodeMirror-gutters" style="height: 36px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 29px;"></div></div></div></div>
                  </div>
              
            <table style="width: 95%; margin-top:0.5em;">
                <tbody><tr>
                    <td align="left">
                        <input id="Run" type="button" value="Run it (F8)">
                        
                        <input style="margin-left:1em" id="Save" type="button" value="Save it">    
                        
                    </td>
                    <td align="right">
                        
                            <input style="margin-left:1em;" id="Live" type="button" value="Live cooperation">   
                            
                        <input style="margin-left:1em;" id="Wall" type="button" value="Put on a wall">
                        
                            <input title="Fullscreen (F11), Esc to exit" style="margin-left:1em;" id="Full" type="button" value="F">
                        
                        <input style="margin-left:1em;" id="Help" type="button" value="?">
                        
                    </td>                  
                </tr>
                <tr>
                    <td colspan="2">
                        <div style="margin-top: 0.8em;font-size: 0.85em;" id="Stats">&nbsp;</div>
                    </td>
                </tr>
            </tbody></table>

</form>
    <pre id="Link" class="resultarea"></pre>

<div id="bsa-zone_1573677541197-0_123456" data-google-query-id="CPO70POl4vkCFaPx9QIdOJcAGA" style="display: none;"><div id="google_ads_iframe_/8691100/Rextester_S2S_Sidebar_ROS_ATF_0__container__" style="border: 0pt none; margin: auto; text-align: center; width: 160px; height: 0px;"></div></div>

</td>
                
            </tr>
        </tbody></table>