sahilatahar

// Scroll to end of container

// If you have id of container then replace #id with your container id (e.g. #imagesContainer)
// If you have class of container then replace #id with your container class (e.g. .imagesContainer)
const container = document.querySelector("#id")

const scrollToEnd = () => {
	container.scrollIntoView({
		// behavior: "smooth",
		block: "end",

sahilatahar

How to Rename JavaScript and JSX Files to TypeScript and TypeScript React Files in VS Code

When migrating a JavaScript project to TypeScript, you may need to rename your JavaScript and JSX files to TypeScript and TypeScript React files. This guide provides commands to rename .js files to .ts and .jsx files to .tsx using PowerShell in Windows, Bash in Linux/MacOS/Git Bash, and VS Code terminal.

Using Commands in VS Code Terminal:

1. Open VS Code: Launch Visual Studio Code.

2. Open Terminal in VS Code:

sahilatahar

// This script fetches all image URLs from the current webpage and copies them to the clipboard.
// To use, open the webpage, open the browser console (F12), paste this script, and run it.
// Ensure you allow clipboard access when prompted by the browser.
// The script can be customized to filter URLs based on common image extensions or other criteria.
// It can also be adjusted to extract URLs from <img> tags with lazy loading.

// Function to filter URLs based on common image extensions
const filterURLs = (urls) => {
	const keywords = [".jpg", ".jpeg", ".png", ".gif", ".webp"]
	let filteredURLs = urls.filter((url) =>

sahilatahar

// This script processes a single file containing image URLs and downloads the images to a specified folder.
// To use, replace the inputFilePath and outputFolderPath with your desired paths.
// Make sure to install the axios package using npm install axios.
// The script reads the file, extracts image URLs, removes duplicates, and downloads the images.

const fs = require("fs")
const path = require("path")
const axios = require("axios")

// Function to extract image URLs from a file

sahilatahar

// Console APIs provide developers with powerful tools to debug JavaScript code, output information, and interact with the browser environment. Here are some practical use cases of console APIs along with examples:

// 1. Logging Messages (console.log())
// Description: Output debug information, variables, or state of an application.
// Special Use Cases: Logging variables, objects, or messages for debugging purposes.
// Example:
let name = 'John';
let age = 30;
console.log(`User ${name} is ${age} years old.`);

sahilatahar

// ANSI escape codes for styling
const styles = {
	reset: "\x1b[0m",
	bright: "\x1b[1m",
	dim: "\x1b[2m",
	underscore: "\x1b[4m",
	blink: "\x1b[5m",
	reverse: "\x1b[7m",
	hidden: "\x1b[8m",
	fgBlack: "\x1b[30m",

sahilatahar

To style text in the browser console using JavaScript, you can use CSS styling within the console.log function. Here's a step-by-step guide on how to do it:

Follow these steps:

1. Open Browser Console:

   • Open your web browser (Chrome, Firefox, etc.).
   • Right-click anywhere on the webpage and select "Inspect" or press Ctrl + Shift + I (Cmd + Option + I on macOS) to open the Developer Tools.
   • Navigate to the "Console" tab.