DeveloperBreeze

Calculate Distance Between Two Points

javascript
#Console.log #Geometry #Distance Calculation #Euclidean Distance 
// Function to calculate the distance between two points in a 2D plane
function calculateDistance(x1, y1, x2, y2) {
    const deltaX = x2 - x1;
    const deltaY = y2 - y1;
    return Math.sqrt(deltaX ** 2 + deltaY ** 2);
}

// Calculate and log the distance between two points (e.g., (0, 0) and (3, 4))
const distance = calculateDistance(0, 0, 3, 4);
console.log('Distance Between Two Points:', distance);

Continue Reading

Handpicked posts just for you — based on your current read.

Running JavaScript in the Browser Console

  • Quick Testing: Test snippets of JavaScript code without setting up a development environment.
  • Debugging: Check errors and log values during code execution.
  • Real-Time Interaction: Manipulate and inspect web page elements dynamically.
  • Open the browser.
  • Right-click on the webpage and select Inspect or press Ctrl+Shift+I (Cmd+Option+I on macOS).
  • Go to the Console tab.

Dec 10, 2024 Tutorial

Mastering console.log Advanced Usages and Techniques

You can log multiple values in a single console.log call by separating them with commas. This can be useful when you want to log related values together.

const name = 'John';
const age = 30;
console.log('Name:', name, 'Age:', age); // Output: Name: John Age: 30

Sep 02, 2024 Tutorial

Parse JSON String to Object

No preview available for this content.

Jan 26, 2024 Code

Validate Password Strength

No preview available for this content.

Jan 26, 2024 Code

Convert Array of Objects to CSV

No preview available for this content.

Jan 26, 2024 Code

Calculate Greatest Common Divisor (GCD) of Two Numbers 

// Function to calculate the GCD of two numbers using the Euclidean Algorithm
function calculateGCD(a, b) {
    while (b !== 0) {
        const temp = b;
        b = a % b;
        a = temp;
    }
    return a;
}

// Calculate and log the GCD of two numbers (e.g., 48 and 18)
const gcd = calculateGCD(48, 18);
console.log('GCD of Two Numbers:', gcd);

Jan 26, 2024 Code

Detect Dark Mode Preference

No preview available for this content.

Jan 26, 2024 Code

Detecting Browser and Version 

// Immediately Invoked Function Expression (IIFE) to detect the browser and version
const browser = (function() {
    // Get user agent string from navigator
    const userAgent = navigator.userAgent;

    // Regular expression to match browser name and version
    const match = userAgent.match(/(chrome|firefox|safari|opera|edge|msie)\/(\d+(\.\d+)?)/i);

    // Return the detected browser information or 'Unknown' if not matched
    return match ? { name: match[1], version: match[2] } : 'Unknown';
})();

// Logging the detected browser information
console.log('Browser:', browser);

Jan 26, 2024 Code

Generate Random Password

No preview available for this content.

Jan 26, 2024 Code

Discussion 0

Please sign in to join the discussion.

No comments yet. Start the discussion!