HTML/CSS - Android Phone Replica Online Editor and JavaScript Compiler

html

<!-- 
Made by Charitra Agarwal
Dont copy this code without my permission.
Please upvote and share if you liked this code.
Thank you all.
 -->
<!DOCTYPE html>
<html>
  <head>
    <title>Android Clone</title>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert"></script>
  </head>
   
  <body>
  
  <!--Loader animation-->
    <div id="loader-anim">
      <div>
        <a>Loading Device...</a>
        <img src="https://wpamelia.com/wp-content/uploads/2018/11/ezgif-2-9d94781b522f.gif" />
        <a>This might take a while</a>
      </div>

css

/*
Made by Charitra Agarwal
Dont copy this code without my permission.
Please upvote and share if you liked this code.
Thank you all.
*/
body{
    background-color:  black;
}
/* Loader animation */
#loader-anim{
    background-color:  black;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color:  white;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#loader-anim div img{

/*
Made by Charitra Agarwal
Dont copy this code without my permission.
Please upvote and share if you liked this code.
Thank you all.
*/
/*
Reference links
1. crossfading BG 
https://www.simonbattersby.com/blog/cycling-a-background-image-with-jquery/
2. battery function
https://medium.com/swlh/detecting-battery-status-in-javascript-732f724b2cc2
*/
alert("NOTE:\n\nDue to extensive animations and resources, the output might seem laggy.")
//Sound effects variables
var lockSound = new Audio("https://docs.google.com/uc?export=download&id=1-2Hk92jr82YzWC91_hU1t7DB4w3nLgZq");
var unlockSound = new Audio("https://docs.google.com/uc?export=download&id=1-5Sq7jJvUciph8ljRj5Q5g_bQ4gYdDwm");
// load them faster for better experience
lockSound.preload="auto";
unlockSound.preload="auto";
var batteryLevel=0;

BROWSER

Console