Вывод разных данных в Alert по нажатию кнопки

@Gastiganto · Регистрация: 15.03.2018

Студворк — интернет-сервис помощи студентам

В общем решил попробовать играть в одной азартной игре по своей системе

Составил текстовый документ с цифрами(каждая с новой строки), но лазить после каждой ставки в блокнот неудобно

Возможно ли сделать так, чтобы после каждого нажатия определенной кнопки на странице в алерт выводилось следующее число из документа? Ну или как-то загрузить список в массив и выводить уже оттуда

Скрипт для Tampermonkey

Добавлено через 34 минуты
Нашёл вот такой пример, но он выводит по таймеру

JavaScript
1
2
3
4
5
6
7
8
9
10
(function() {
        var arr = [ 'Первая строка', 'Вторая строка', 'Третья строка' ],
            i = -1;
        return function() {
            if ( ++i < arr.length ) {
                alert(arr[i]);
                setTimeout( arguments.callee, 2000 );
            }
        }();
})();

Вставить туда onclick пока не получается

Добавлено через 19 минут

JavaScript
1
2
3
4
5
6
7
8
9
(function() {
    var arr = [ 'Первая строка', 'Вторая строка', 'Третья строка' ];
    var i = 0;
    var button = document.getElementsByClassName('BetButtonContainer')[0];
    button.onclick = function() {
            alert(arr[i]);
            i = ++i;
    }
})();

Всё, с выводом разобрался, но загружать весь список каждый раз через изменение скрипта вообще неудобно. Есть ли возможность загрузки всё-таки или нет?

Добавлено через 11 минут
Немного поправил скрипт, сделал поиск кнопок не по классу, а по айди

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
(function() {
    var arr = [ 'Первая строка', 'Вторая строка', 'Третья строка' ];
    var i = 0;
    var button1 = document.getElementById('BetLowButton');
    var button2 = document.getElementById('BetHighButton');
    button1.onclick = function() {
            alert(arr[i]);
            i = ++i;
    }
    button2.onclick = function() {
            alert(arr[i]);
            i = ++i;
    }
})();

Но вопрос с загрузкой массива остаётся открыт

@fixeri · 11.01.2020, 23:40

Кликните здесь для просмотра всего текста

.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css"></style>
</head>
<body>
    <input type="file" name="datas" id="reader"><br>
    <button id="readFileBtn">Прочитать файл</button>
 
    <script type="text/javascript">
        "use strict";
 
        document.getElementById("readFileBtn").addEventListener("click", async (e) => {
            let text = null;
            try { text = await readFile( document.getElementById("reader") );} 
            catch (e) { throw e; }
 
            let arr = text.split("\n");
            let iterator = makeIterator(arr);
            let nextElemBtn = document.createElement("button");
            nextElemBtn.textContent = "NEXT ELEMENT";
            nextElemBtn.addEventListener("click", () => alert(iterator.next().value));
            e.target.after(nextElemBtn);
        });
 
        function readFile(input) {
            return new Promise((resolve, reject) => {
                let file = input.files[0];
                let reader = new FileReader();
                reader.readAsText(file);
                reader.onload = () => resolve(reader.result);
                reader.onerror = () => reject(reader.error);
            });
        }
 
        function makeIterator(array){
            var nextIndex = 0;
            
            return {
               next: function(){
                   return nextIndex < array.length ?
                       {value: array[nextIndex++], done: false} :
                       {done: true};
               }
            }
        }
    </script>
</body>
</html>

@Gastiganto · 12.01.2020, 00:45 **[ТС]**

Согласен, это просто замечательно, но есть одно НО

Я же указал, что сайт не мой - онлайн казино и скрипт выполняется в Tampermonkey

@fixeri · 12.01.2020, 13:30

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.cyberforum.ru/javascript-beginners/thread2568523.html
// @grant        none
// ==/UserScript==
 
(function() {
    'use strict';
 
    let html = `
                    <div id="menuTmp">
                        <input type="file" name="datas" id="reader"><br>
                        <button id="readFileBtn">Прочитать файл</button><br>
                    </div>
                    <style>
                        #menuTmp {
                            position: fixed;
                            background: red;
                            top: 0;
                            right: 0;
                        }
                    </style>
        `;
 
        document.body.insertAdjacentHTML('beforeEnd', html);
 
        document.getElementById("readFileBtn").addEventListener("click", async (e) => {
            let text = null;
            try { text = await readFile( document.getElementById("reader") );}
            catch (er) { throw er; }
 
            let arr = text.split("\n");
            let iterator = makeIterator(arr);
            let nextElemBtn = document.createElement("button");
            nextElemBtn.textContent = "NEXT ELEMENT";
            nextElemBtn.addEventListener("click", () => window.alert(iterator.next().value));
            e.target.after(nextElemBtn);
        });
 
        function readFile(input) {
            return new Promise((resolve, reject) => {
                let file = input.files[0];
                let reader = new FileReader();
                reader.readAsText(file);
                reader.onload = () => resolve(reader.result);
                reader.onerror = () => reject(reader.error);
            });
        }
 
        function makeIterator(array) {
            var nextIndex = 0;
 
            return {
               next: function() {
                   return nextIndex < array.length ?
                       {value: array[nextIndex++], done: false} :
                       {done: true};
               }
            }
        }
})();

@Gastiganto · 12.01.2020, 15:50 **[ТС]**

Вот это вообще огонь! То что надо!

Сколько не читал - везде написано, что js не работает с фс

А тут такой вариант

Вообще шикарно. Спасибо!

Добавлено через 9 минут
Может быть Вы мне поможете и со второй проблемой?
В скрипте выполняется только первая функция

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .

@Gastiganto 1 / 1 / 0 Регистрация: 15.03.2018 Сообщений: 79
	12.01.2020, 00:45 [ТС]
	Согласен, это просто замечательно, но есть одно НО Я же указал, что сайт не мой - онлайн казино и скрипт выполняется в Tampermonkey 0

@Gastiganto 1 / 1 / 0 Регистрация: 15.03.2018 Сообщений: 79
	12.01.2020, 15:50 [ТС]
	Вот это вообще огонь! То что надо! Сколько не читал - везде написано, что js не работает с фс А тут такой вариант Вообще шикарно. Спасибо! Добавлено через 9 минут Может быть Вы мне поможете и со второй проблемой? В скрипте выполняется только первая функция 0

Опции темы

Вывод разных данных в Alert по нажатию кнопки

Решение