HTML/CSS - Project | Folder Locker Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html lang="en-US">
<!-----------------------------------------------
*                                               *
*             MADE BY JFS GROUP™                *
*   YOU CAN SHARE, USE, AND MODIFY THIS CODE    *
*         BUT DONT CHANGE THE MY NAME           *
*                    AND                        *
* DONT USE 'INFORMAT-ION', 'SOCION', 'ION-MAIL' *
*                AS YOUR OWN                    *
*                                               *
------------------------------------------------>
    <head>
        <!-- Meta Tags -->
        <meta charset="UTF-8">
        <meta name="description" content="Tutorial to make Folder Locked and Hidden by JFS shared on Informat-Ion">
        <meta name="keyword" content="Informat-Ion, Folder Locker, Hide Folder">
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
        
        <!-- Title -->
        <title>Folder Locker</title>
        
        <!-- Favicon -->
        <link href="" rel="icon" type="ico/image">
        
        <!-- JQuery Script -->

css

/***********************************************\
*                                               *
*             MADE BY JFS GROUP™                *
*   YOU CAN SHARE, USE, AND MODIFY THIS CODE    *
*         BUT DONT CHANGE THE MY NAME           *
*                    AND                        *
* DONT USE 'INFORMAT-ION', 'SOCION', 'ION-MAIL' *
*                AS YOUR OWN                    *
*                                               *
\***********************************************/
    /* IMPORT FONTS */
@import url('https://fonts.googleapis.com/css?family=Handlee|Trade+Winds|Poiret+One|Pirata+One|Yatra+One|Iceland|VT323');
    /* GENERAL */
body {
    font-family: 'Handlee', Arial, serif;
    margin: 0px;
}
textarea {
    background:  yellow;
    color:  teal;
    font-size: 14px;
    font-family: Poiret One;
}
textarea:focus {
    background:  white;

/***********************************************\
*                                               *
*             MADE BY JFS GROUP™                *
*   YOU CAN SHARE, USE, AND MODIFY THIS CODE    *
*         BUT DONT CHANGE THE MY NAME           *
*                    AND                        *
* DONT USE 'INFORMAT-ION', 'SOCION', 'ION-MAIL' *
*                AS YOUR OWN                    *
*                                               *
\***********************************************/
alert("Before you copy 'Folder Locker' code,\nplease read the help for use the code in bottom of this page.\n\n      JFS Group™ ©2017")
// Header
$(document).ready(function(){
    var icon = document.getElementsByClassName('header_icon-bar')[0];
    var title = document.getElementById('header_txt');
    icon.onclick = function () 
    {
        if (title.className == 'hide')
                title.className = "show"; 
        else    
                title.className = "hide";
    }
});

BROWSER

Console