Send Message to bot Framework Programmicaly using Vanilla javascript

I want know how can send a message programically using javascript.
I used this script for load botframework:

    (async function() {
    const res = await fetch("https://MYURLPRIVATE/api/directline/token", {
        "method": "GET"
    });
    const {
        token
    } = await res.json();
    var t;
    t = token;
    console.log(token);
    var styleOptions = {
        hideUploadButton: true,
        timestampFormat: 'absolute'
    };
    const store = window.WebChat.createStore({}, ({
        dispatch
    }) => next => action => {
        return next(action);
    });
    window.WebChat.renderWebChat({
        directLine: window.WebChat.createDirectLine({
            token
        }),
        locale: 'it-IT',
        styleOptions
    }, document.getElementById('chatTranscript'));
    document.querySelector('#chatTranscript > *').focus();
})().catch(err => insertError(err))

I created a pastebin https://pastebin.com/FEYkNd8j with script shared before.

Then Bot Framework is loaded inside a DIV with id chatTranscript.

I have other button outside the div( id chatTranscript ) where (after click message from user) I want send message on bot framework.

I populate the input with a value “hi” and simulate a click using Jquery on right button.
The script work correct but the result is that the word hi is vanished on input type="text" and wasn’t send on Bot Azure or/and not showed on bubble user.

Then where I wrong?
There is an example on your documentation in this path:”BotFramework-WebChatsamples4.apid.post-activity-event” but I can’t use this script ReactDOM.render("<Composer directLine={directLine}><BasicWebChat /><SendHelpMessageButton /></Composer>,document.getElementById('chatTranscript')"); because I not have ReactJS on my server.

Please I can have some suggestions for send message using Javascript?
Thank you