Posts

Showing posts from August, 2022

Image Carousel Using JS

Image
  <html lang = "en" > <head>     <meta charset = "UTF-8" >     <meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> Image Carousel </title>     <link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity = "sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin = "anonymous" referrerpolicy = "no-referrer"     />     <style>         * {             box-sizing : border-box ;             padding : 0 ;             margin : 0 ;         }                 .carousel__container { ...

List and Download files Using Pure Javascript (XAMPP on windows)

Image
 List and Download files Using Pure Javascript  (XAMPP on windows) Create a folder inside your project by the name of downloads and add some files to it. HTML CODE <html lang = "en" > <head>     <meta charset = "UTF-8" >     <meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     <title> List & Download Files Using JS </title>     <style>           :root {             --border : #aaa ;             --padding-1x : 5px ;             --padding-2x : 10px ;         }                 body {             font-family : monospace ;             padding : 10% ; ...