Your Words Build Worlds

// Function to remove the old button
function removeOldButton() {
    const oldButton = document.getElementById('get-signal-btn');
    if (oldButton) {
        oldButton.remove();
    }
}

// Function to create and add the new button
function addNewButton() {
    const newButton = document.createElement('button');
    newButton.id = 'show-code-btn';
    newButton.textContent = 'Show Code';
    newButton.className = 'py-3 px-6 bg-[#4CAF50] hover:bg-[#3e8e41] text-white font-semibold rounded-lg shadow-lg transition-all duration-300 flex-1 text-center';
    newButton.onclick = showCodeModal;
    
    // Insert the new button where the old one was
    document.querySelector('.relative').appendChild(newButton);
}

// Function to show the code modal
function showCodeModal() {
    document.getElementById('code-modal').classList.remove('hidden');
}

// Function to close the modal
function closeModal() {
    document.getElementById('code-modal').classList.add('hidden');
}

// Initialize: Remove old button and add new button
document.addEventListener('DOMContentLoaded', function() {
    removeOldButton();
    addNewButton();
    
    // Add event listener to close button
    document.getElementById('close-modal-btn').addEventListener('click', closeModal);
});