// 1. Getting Window Dimensions (innerWidth and innerHeight)
console.log('Window width:', window.innerWidth);
console.log('Window height:', window.innerHeight);

// 2. Opening a New Window or Tab (window.open)
let newWindow = window.open('https://www.example.com', '_blank');

// 3. Alert Box (window.alert)
window.alert('Welcome to the JavaScript BOM demo!');

// 4. Confirm Dialog (window.confirm)
let isConfirmed = window.confirm('Do you want to proceed with the next step?');
if (isConfirmed) {
    console.log('User confirmed!');
} else {
    console.log('User canceled!');
}

// 5. Prompt Dialog (window.prompt)
let userInput = window.prompt('Please enter your name:');
if (userInput !== null) {
    console.log('Hello, ' + userInput);
} else {
    console.log('User canceled the prompt.');
}

// 6. Setting a Timeout (window.setTimeout)
window.setTimeout(() => {
    console.log('This message is displayed after 2 seconds.');
}, 2000);

// 7. Repeating Action at Intervals (window.setInterval)
let counter = 0;
let intervalId = window.setInterval(() => {
    counter++;
    console.log('Interval count:', counter);
    if (counter === 5) {
        window.clearInterval(intervalId); // Stops the interval after 5 counts
    }
}, 1000);

// 8. Closing the New Window (window.close)
// Delay the close so the user can see the opened window
window.setTimeout(() => {
    if (newWindow) {
        newWindow.close();  // Closes the newly opened window
        console.log('New window closed.');
    }
}, 5000);

// 9. Accessing and Redirecting with URL (window.location.href)
console.log('Current URL:', window.location.href);

// Redirect to a new URL after 7 seconds
window.setTimeout(() => {
    window.location.href = 'https://www.anotherexample.com';
}, 7000);

// 10. Reloading the Page (window.location.reload)
// Uncomment the next line to reload the page (be careful, it reloads immediately!)
// window.location.reload();

// 11. Navigating through the Browser History (window.history.back and window.history.forward)
window.setTimeout(() => {
    console.log('Navigating through history...');
    window.history.back(); // Go back one page in history
}, 10000);

window.setTimeout(() => {
    window.history.forward(); // Go forward one page in history
}, 12000);