quiero realizar una extensión de chrome twitch que escriba un mensaje automático cada cierto tiempo, pero no logro hacer que el mensaje se mande estoy usando el siguiente código
const chatInput = document.querySelector('div[data-a-target="chat-input"]');
if (chatInput) {
const event = new Event('input', { bubbles: true });
chatInput.value = 'hola' // NO Cambia el valor
chatInput.dispatchEvent(event); // Dispara el evento de entrada
// Encuentra el botón de enviar y haz clic en él
const sendButton = document.querySelector('button[data-a-target="chat-send-button"]');
if (sendButton) {
sendButton.click();
// Detén el intervalo una vez que se haya enviado el mensaje
}
usando
chatInput.textContent = 'hola'
si cambia el texto pero no se envia, se sobre pone al Placeholder
imagen de referencia
asi es como se ve el input de la pagina
<div id="WYSIWGChatInputEditor_SkipChat" class="Layout-sc-1xcs6mc-0 pJTym"><div class="chat-wysiwyg-input__box">
<div class="chat-wysiwyg-input__placeholder" style="padding-left: 1rem; margin-left: 2px;">Enviar un mensaje</div>
<div role="textbox" aria-multiline="true" data-a-target="chat-input" data-test-selector="chat-input" aria-label="Enviar un mensaje" data-placeholder="Enviar un mensaje" class="chat-wysiwyg-input__editor" tabindex="0" spellcheck="true" data-slate-editor="true" data-slate-node="value" contenteditable="true" zindex="-1" style="position: relative; white-space: pre-wrap; overflow-wrap: break-word; padding-left: 1rem; padding-right: 65px; max-height: calc(105px + 2rem); outline: none; padding-bottom: 1rem;"><div data-slate-node="element"><span data-slate-node="text">
<span data-slate-leaf="true" class="ScTransitionBase-sc-hx4quq-0 iEzfDB tw-transition" data-a-target="chat-input-text" aria-hidden="false">
<span data-slate-zero-width="n" data-slate-length="0"><br>
</span></span>
</span></div></div></div></div>
me podrían apoyar con esto, que opciones hay para poder enviarlo correctamente
ya no se que hacer para hacerlo