Как добавлять +1 число к сообщению, при нажатии на кнопку "Отправить"?

Ситуация такова. Есть код, который отправляет сообщение в Телеграм-бот. Нужно, чтобы скрипт считал общее количество отправленных сообщений с сайта в Телеграм-бот. И отправлял полученное число с сообщением телеграм-бот.
<div class="cotainer mt-5 pt-5 pb-5">
        <div class="col-md-6 offset-md-3">
            <form id="tg">
                <div class="form-group">
                    <label class="form-label">Имя</label>
                    <input type="text" name="name" class="form-control">
                </div>
    
                <div class="form-group">
                    <label class="form-label">Email</label>
                    <input type="text" name="email" class="form-control">
                </div>

                <button type="submit" class=" btn btn-primary mt-4">Отправить</button>
            </form>
        </div>
    </div>
    

    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    
    <script>
        const TOKEN = "пример";
        const CHAT_ID = "-1001806005464";
        const URI_API = `https://api.telegram.org/bot ${ TOKEN }/sendMessage`;

        document.getElementById('tg').addEventListener('submit', function(e) {
            e.preventDefault();

            let message = `<b>Заявка с сайта!</b>\n`;
            message += `<b>Отправитель:</b> ${ this.name.value }\n`;
            message += `<b>Почта: </b> ${ this.email.value }`;
            
            axios.post(URI_API, {
                chat_id: CHAT_ID,
                parse_mode: 'html',
                text: message
            })
        })

    </script>


Подскажите, пожалуйста, какой код прописать?
  • Вопрос задан
  • 109 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Dastan_UI
// код дополнение
const getIndex = () =>{
   return parseInt(window.localStorage.getItem('tgindex') ?? 1);
}
const incrementIndex = () => {
   window.localStorage.setItem('tgindex', `${getIndex() + 1}`);
}

// ваш код
const TOKEN = "пример";
        const CHAT_ID = "-1001806005464";
        const URI_API = `https://api.telegram.org/bot ${ TOKEN }/sendMessage`;

        document.getElementById('tg').addEventListener('submit', function(e) {
            e.preventDefault();

            // add
            const index = getIndex(); // get index
            incrementIndex(); // update index
            //
            let message = `<b>Заявка с сайта!</b>\n`;
            message += `<b>Отправитель:</b> ${ e.target[0].value }\n`;
            message += `<b>Почта: </b> ${ e.target[1].value }\n`;
            message += `<b>Номер сообщения: </b>${index}`
            
            axios.post(URI_API, {
                chat_id: CHAT_ID,
                parse_mode: 'html',
                text: message
            })
        })
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы