Skip to content

Instantly share code, notes, and snippets.

View anjanesh's full-sized avatar

Anjanesh Lekshminarayanan anjanesh

22 followers · 161 following
View GitHub Profile
@anjanesh
anjanesh / select-on-change.html
Created January 19, 2024 04:42
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Cache-control" content="no-cache">
<title>capture option data on select change</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>
<body>
<div class="container d-flex flex-column">
@anjanesh
anjanesh / alpine-auto-update-variable-method-2.html
Created December 11, 2023 02:35
alpine auto update variable method 2
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>AlpineJS auto update of variable values Method 2</title>
</head>
<body>
<script>
document.addEventListener('alpine:init', () =>
{
@anjanesh
anjanesh / getter-usd2inr.html
Last active October 18, 2023 01:15
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Getter in Vanilla JS</title>
<script>
let rate = undefined;
const get_usd2inr = async () =>
{
@anjanesh
anjanesh / alpine-auto-update-variable-method-1.html
Created October 17, 2023 00:03
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>AlpineJS auto update of variable values Method 1</title>
</head>
<body>
<script>
document.addEventListener('alpine:init', () =>
{
@anjanesh
anjanesh / alpine-auto-update-variable.html
Created October 16, 2023 02:31
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>AlpineJS auto update of another variable on variable change</title>
</head>
<body>
<script>
// Using Vanilla JavaScript
@anjanesh
anjanesh / flowbite-modal-arguments.html
Created August 16, 2023 12:27
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Flowbite modal using JavaScript</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.0/flowbite.min.css" rel="stylesheet" />
</head>
<body>
<button
@anjanesh
anjanesh / error-message.html
Last active April 22, 2023 05:07
Error Messages in Chrome vs FireFox
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Error Messages in Chrome vs FireFox</title>
</head>
<body>
<script type="text/javascript">
const DEBUG = true;
@anjanesh
anjanesh / flowbite-dynamic-nav-menu.html
Created March 25, 2023 18:39
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Flowbite Dynamic Nav Menu</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<script>
let BASE_URL = window.location.origin + window.location.pathname.substring(0, window.location.pathname.lastIndexOf("/"));
@anjanesh
anjanesh / alpinejs-global-storage.html
Last active February 28, 2023 18:02
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Div Form using Global Apline Storage Variable</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.10.5/dist/cdn.min.js" defer></script>
<script>
let content = [
{ name: 'Test 1', description: 'Test Description 1' },
@anjanesh
anjanesh / alpinejs-fetch.html
Created January 23, 2023 05:11
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>RazorUI FAQ</title>
<style type="text/css">
#razorui-faq
{
border: 1px solid red;