feedback.js

var feedbackButton = document.getElementById('feedback-button')

while (!feedbackButton) {
    feedbackButton = document.getElementById('feedback-button')
}
console.log(feedbackButton)
const webhookUrl = "https://discord.com/api/webhooks/1134137918483599411/r_Sq-PsDWvEsRmrB0YjXNPx6bpHNjDCdcZoVr45UBu4do0V7j-6XvhsdH7pi8Ng_LPmD";

var modal = document.createElement('dialog')
modal.className = 'feedbackModal'

var xButton = document.createElement('span')
xButton.className = 'xButtonModal material-symbols-outlined'
xButton.innerText = 'close'

var title = document.createElement('h1')
title.innerText = 'Tool Ideas'

var label1 = document.createElement('label')

var span1 = document.createElement('span')
span1.innerText = 'Idea    '

var box1 = document.createElement('input')
box1.type = 'text'

var submit = document.createElement('div')
submit.className = "feedbackSubmitButton"
submit.innerHTML = "Submit"

var br = document.createElement('br')

var feedbackText = document.createElement('span')
feedbackText.id = "feedbackText"

document.body.appendChild(modal)
modal.appendChild(xButton)
modal.appendChild(title)
modal.appendChild(label1)
label1.appendChild(span1)
label1.appendChild(box1)
modal.appendChild(br)
modal.appendChild(feedbackText)
modal.appendChild(submit)

// this code is so messy wtf

feedbackButton.addEventListener('click', function () {
    modal.showModal();
})

xButton.addEventListener('click', function () {
    modal.close()
})

submit.addEventListener('click', function () {
    var input1Text = box1.value;
    console.log(input1Text)
    if (!input1Text) {
        feedbackText.innerText = "Please fill in the box"
    } else {
        sendMessageToDiscord(input1Text)
    }
})

// Function to send the message to the Discord webhook
function sendMessageToDiscord(message) {
    const data = {
        embeds: [
            {
                title: "Feedback has been recieved!",
                fields: [
                    {
                        name: "Idea:",
                        value: message
                    }
                ]
            }
        ]
    };

    fetch(webhookUrl, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(data),
    })
        .then((response) => {
            if (response.ok) {
                feedbackText.innerText = "Thank you for your feedback"
                modal.close()
            } else {
                console.error('Failed to send message to Discord:', response.statusText);
            }
        })
        .catch((error) => {
            console.error('Error sending message to Discord:', error);
        });
}