Spaces:

Liamlarson
/

parcelpath-pro-express

Running

okay good give me a link for these websites

9456640 verified about 1 year ago

3.52 kB

document.addEventListener('DOMContentLoaded', function() {
    // DOM Elements
    const trackButton = document.getElementById('trackButton');
    const generateButton = document.getElementById('generateButton');
    const trackingNumberInput = document.getElementById('trackingNumber');
    const trackingResults = document.getElementById('trackingResults');
    const generatedNumber = document.getElementById('generatedNumber');
    const newTrackingNumber = document.getElementById('newTrackingNumber');
    const copyButton = document.getElementById('copyButton');
    
    // Sample tracking data
    const sampleTrackingData = {
        number: '123456789012',
        status: 'In Transit',
        origin: 'New York, NY',
        destination: 'Los Angeles, CA',
        delivery: 'May 15, 2023',
        weight: '5.2 lbs'
    };
    
    // Generate random tracking number
    function generateTrackingNumber() {
        let number = '';
        for (let i = 0; i < 12; i++) {
            number += Math.floor(Math.random() * 10);
        }
        return number;
    }
    
    // Track shipment
    trackButton.addEventListener('click', function() {
        const trackingNum = trackingNumberInput.value.trim();
        
        if (!trackingNum) {
            alert('Please enter a tracking number');
            return;
        }
        
        // Validate format (12 digits)
        if (!/^\d{12}$/.test(trackingNum)) {
            alert('Invalid tracking number format. Please enter 12 digits.');
            return;
        }
        
        // Hide generate section if visible
        generatedNumber.classList.add('hidden');
        
        // Show tracking results with sample data
        document.getElementById('trackingNumDisplay').textContent = trackingNum;
        document.getElementById('shipmentStatus').textContent = sampleTrackingData.status;
        document.getElementById('shipmentOrigin').textContent = sampleTrackingData.origin;
        document.getElementById('shipmentDestination').textContent = sampleTrackingData.destination;
        document.getElementById('shipmentDelivery').textContent = sampleTrackingData.delivery;
        document.getElementById('shipmentWeight').textContent = sampleTrackingData.weight;
        
        trackingResults.classList.remove('hidden');
    });
    
    // Generate tracking number
    generateButton.addEventListener('click', function() {
        // Hide tracking results if visible
        trackingResults.classList.add('hidden');
        
        // Generate and display new number
        const newNum = generateTrackingNumber();
        newTrackingNumber.textContent = newNum;
        generatedNumber.classList.remove('hidden');
    });
    
    // Copy tracking number
    copyButton.addEventListener('click', function() {
        const numToCopy = newTrackingNumber.textContent;
        navigator.clipboard.writeText(numToCopy).then(() => {
            // Change icon temporarily to indicate success
            const icon = copyButton.querySelector('svg');
            icon.setAttribute('data-feather', 'check');
            feather.replace();
            
            setTimeout(() => {
                icon.setAttribute('data-feather', 'copy');
                feather.replace();
            }, 2000);
        });
    });
    
    // Allow pressing Enter in tracking input
    trackingNumberInput.addEventListener('keypress', function(e) {
        if (e.key === 'Enter') {
            trackButton.click();
        }
    });
});

	document.addEventListener('DOMContentLoaded', function() {
	// DOM Elements
	const trackButton = document.getElementById('trackButton');
	const generateButton = document.getElementById('generateButton');
	const trackingNumberInput = document.getElementById('trackingNumber');
	const trackingResults = document.getElementById('trackingResults');
	const generatedNumber = document.getElementById('generatedNumber');
	const newTrackingNumber = document.getElementById('newTrackingNumber');
	const copyButton = document.getElementById('copyButton');

	// Sample tracking data
	const sampleTrackingData = {
	number: '123456789012',
	status: 'In Transit',
	origin: 'New York, NY',
	destination: 'Los Angeles, CA',
	delivery: 'May 15, 2023',
	weight: '5.2 lbs'
	};

	// Generate random tracking number
	function generateTrackingNumber() {
	let number = '';
	for (let i = 0; i < 12; i++) {
	number += Math.floor(Math.random() * 10);
	}
	return number;
	}

	// Track shipment
	trackButton.addEventListener('click', function() {
	const trackingNum = trackingNumberInput.value.trim();

	if (!trackingNum) {
	alert('Please enter a tracking number');
	return;
	}

	// Validate format (12 digits)
	if (!/^\d{12}$/.test(trackingNum)) {
	alert('Invalid tracking number format. Please enter 12 digits.');
	return;
	}

	// Hide generate section if visible
	generatedNumber.classList.add('hidden');

	// Show tracking results with sample data
	document.getElementById('trackingNumDisplay').textContent = trackingNum;
	document.getElementById('shipmentStatus').textContent = sampleTrackingData.status;
	document.getElementById('shipmentOrigin').textContent = sampleTrackingData.origin;
	document.getElementById('shipmentDestination').textContent = sampleTrackingData.destination;
	document.getElementById('shipmentDelivery').textContent = sampleTrackingData.delivery;
	document.getElementById('shipmentWeight').textContent = sampleTrackingData.weight;

	trackingResults.classList.remove('hidden');
	});

	// Generate tracking number
	generateButton.addEventListener('click', function() {
	// Hide tracking results if visible
	trackingResults.classList.add('hidden');

	// Generate and display new number
	const newNum = generateTrackingNumber();
	newTrackingNumber.textContent = newNum;
	generatedNumber.classList.remove('hidden');
	});

	// Copy tracking number
	copyButton.addEventListener('click', function() {
	const numToCopy = newTrackingNumber.textContent;
	navigator.clipboard.writeText(numToCopy).then(() => {
	// Change icon temporarily to indicate success
	const icon = copyButton.querySelector('svg');
	icon.setAttribute('data-feather', 'check');
	feather.replace();

	setTimeout(() => {
	icon.setAttribute('data-feather', 'copy');
	feather.replace();
	}, 2000);
	});
	});

	// Allow pressing Enter in tracking input
	trackingNumberInput.addEventListener('keypress', function(e) {
	if (e.key === 'Enter') {
	trackButton.click();
	}
	});
	});