JavaScript Minifier & Beautifier

Minify your JavaScript for production or beautify it for readability

Input JavaScript

0 characters

// Sample JavaScript
function calculateTotal(items, taxRate, discount = 0) {
    let subtotal = items.reduce((sum, item) => sum + item.price * item.quantity, 0);
    let tax = subtotal * taxRate;
    let discountAmount = subtotal * discount;
    let total = subtotal + tax - discountAmount;
    
    return {
        subtotal: subtotal,
        tax: tax,
        discount: discountAmount,
        total: total
    };
}

class ShoppingCart {
    constructor() {
        this.items = [];
        this.taxRate = 0.08;
    }
    
    addItem(product, quantity = 1) {
        const existingItem = this.items.find(item => item.id === product.id);
        
        if (existingItem) {
            existingItem.quantity += quantity;
        } else {
            this.items.push({
                id: product.id,
                name: product.name,
                price: product.price,
                quantity: quantity
            });
        }
        
        this.updateDisplay();
    }
    
    removeItem(productId) {
        this.items = this.items.filter(item => item.id !== productId);
        this.updateDisplay();
    }
    
    getTotal() {
        return calculateTotal(this.items, this.taxRate);
    }
    
    updateDisplay() {
        const total = this.getTotal();
        console.log('Cart updated:', total);
    }
}

// Event listeners
document.addEventListener('DOMContentLoaded', function() {
    const cart = new ShoppingCart();
    
    const addButtons = document.querySelectorAll('.add-to-cart');
    addButtons.forEach(button => {
        button.addEventListener('click', function() {
            const product = {
                id: this.dataset.id,
                name: this.dataset.name,
                price: parseFloat(this.dataset.price)
            };
            cart.addItem(product);
        });
    });
});

Output JavaScript

0 characters

JavaScript Minification

Removes whitespace, comments, and shortens variable names to reduce file size and improve loading performance.

Smaller Files Faster Load Times Better Performance

JavaScript Beautification

Formats messy JavaScript with proper indentation, spacing, and line breaks for better readability and maintenance.

Readable Code Easy Debugging Better Structure

Tool Features

⚡

Real-time Processing

See changes instantly as you type

📊

Size Analysis

Track character count and reduction

🔒

Client-side Only

Your code never leaves your browser

📱

Mobile Friendly

Works perfectly on all devices

Text Content Tools

Images Editing Tools

Online Calculators

Bullets & Emojis

Website Management Tools

Development Tools

Edit Template