Skip to content

Instantly share code, notes, and snippets.

View amitroy06's full-sized avatar

Amit Roy amitroy06

View GitHub Profile
@amitroy06
amitroy06 / index.html
Created December 3, 2023 04:06
change pic and text
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="style.css" />
<!-- links for font------------ -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
@amitroy06
amitroy06 / index.js
Created December 3, 2023 04:07
const imageEl = document.getElementById('imageElement');
const textEl = document.getElementById('textContent');
const toggleEl = document.getElementById('imageToggle');
toggleEl.addEventListener('change', () => {
imageEl.src = toggleEl.checked ? 'kitty.jpg' : 'doggo.jpg';
textEl.textContent = toggleEl.checked ? 'This is a cute catto..........😼' : 'This is a cute doggo..........🐶';
imageEl.classList.toggle('active');
textEl.classList.toggle('active');
@amitroy06
amitroy06 / index.html
Created December 16, 2023 12:52
form
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form id="myForm">
@amitroy06
amitroy06 / index.html
Created December 16, 2023 12:56
number
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Number <span id="start">0</span></h1>