Вставка JS кода в HTML

@Sakree · Регистрация: 28.05.2013

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

Помогите интегрировать даный код в HTML страницу .Чтобы можно было вводить число и после нажатия на кнопку появлялся результат.

Сам код переводит арабскые цифры в римские.

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
main();
function main()
{
    if (app.documents.length == 0) 
    {
        alert ("Документ не открыт. Откройте вначале документ");
        return;
    }
    if(app.selection.length == 1 && (app.selection[0].constructor.name == "Word"  || app.selection[0].constructor.name =="Character"))
    { 
        app.selection[0].contents = arabic2roman(app.selection[0].contents); 
    } 
    else 
    {
        alert("Выделите цифру или целое число от 1 до 4999 и попытайтесь снова");
        return;
    }
} // main()
function arabic2roman(s)
{
  var n = parseInt(s);
  var v = "";
  var i = ["", "I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX"];
  var x = ["", "X", "XX", "XXX", "XL", "L", "LX", "LXX", "LXXX", "XC"];
  var c = ["", "C", "CC", "CCC", "CD", "D", "DC", "DCC", "DCCC", "CM"];
  var m = ["", "M", "MM", "MMM", "MMMM"];
  if (n >= 1 && n < = 4999) {
    v += m[Math.floor(n / 1000)];
    n %= 1000;
    v += c[Math.floor(n / 100)];
    n %= 100;
    v += x[Math.floor(n / 10)];
    n %= 10;
    v+= i[n];
  } 
  return v;
}

@massEffect · 07.03.2015, 00:00

HTML5
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>ArabicToRoume</title>
        
        <style>
            .warning{
                    outline:1px solid red;
                    color:red;
            }
            .warning-message{
                color:red;
            }
        </style>
        
    </head>
 
    <body>
        <div>
            <header>
            
            </header>
            <nav>
                
            <form name="roume">
                <input type="text" maxlength="10" name="arabic" autocomplete="off" placeholder="Введите число">
                <input name="submit" value="Перевод в римские" type="submit">                
                <input type="text" maxlength="10" readonly name="roume">
                <div class="warning-message" id="message"></div>
            </form> 
                
            </nav>
        
            <script>
            
            var form = document.forms.roume,            
            inputArabic = form.arabic,
            inputRoume = form.roume,
            buttonSubmit = form.submit,
            warnMessage = document.getElementById("message");       
            
            inputArabic.oninput = function(e){warnMessage.innerHTML = inputRoume.value = '';};
            
            form.onsubmit = function(e)
                            {
                                var value = inputArabic.value;
                                
                                if(value === '')
                                {
                                    warningMessage("Поле ввода пустое");
                                }
                                else
                                {
                                    if(/^(\s*\d+\s*)+$/.test(value))
                                    {                                       
                                        value = value.replace(/\s+/g, '');                                                                          
                                        var result = arabic2roman(value);
                                        
                                        result ? (inputRoume.value = result) : warningMessage("Диапазон от 0 до 4999");
                                    }
                                    else
                                    {
                                        warningMessage("Введите цифры");
                                    };
                                };
                                
                                return false;
                            };
            
            function arabic2roman(s)
            {
              var n = parseInt(s);
              var v = "";
              var i = ["", "I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX"];
              var x = ["", "X", "XX", "XXX", "XL", "L", "LX", "LXX", "LXXX", "XC"];
              var c = ["", "C", "CC", "CCC", "CD", "D", "DC", "DCC", "DCCC", "CM"];
              var m = ["", "M", "MM", "MMM", "MMMM"];
              if ((n >= 1) && (n <= 4999)) 
              {
                v += m[Math.floor(n / 1000)];
                n %= 1000;
                v += c[Math.floor(n / 100)];
                n %= 100;
                v += x[Math.floor(n / 10)];
                n %= 10;
                v+= i[n];
              }; 
              return v;
            };          
            
            function warningMessage(message)
            {
                warnMessage.innerHTML = message;
            };
            
            </script>
 
            <footer>
            
            </footer>
        </div>
    </body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Динамические массивы в C++ - создание и использование NullReferenced 27.04.2025 Динамические массивы представляют собой один из фундаментальных инструментов программирования на C++, позволяющий создавать структуры данных, размер которых определяется во время выполнения. . .	Асинхронный JavaScript: Промисы, Async/Await и Fetch API Reangularity 27.04.2025 Пользователь заходит на веб-страницу, нажимает кнопку и. . . ничего не происходит. Сайт словно замер. Через несколько секунд всё внезапно оживает, но пользователь уже успел закрыть вкладку. Знакомая. . .	Management on GitLab and repository management in Visual Studio code jigi33 27.04.2025 - repo management on GitLab - CI/ CD in GitLab - VCS repository management in Visual Studio code (see attachments)	Kanban или Scrum - что выбрать? EggHead 27.04.2025 Kanban и Scrum — уже много лет удерживают лидирующие позиции среди гибких подходов. Руководители проектов и команды разработчиков то и дело сталкиваются с дилеммой: какой из этих двух методов выбрать. . .	Кастомные Middleware на C# в ASP.NET Core UnmanagedCoder 27.04.2025 Разработка веб-приложений сегодня мало напоминает монолитное программирование прошлых лет. На смену громоздким блокам кода пришла модульная архитектура, где каждый компонент выполняет строго. . .
Анализ и линтинг кода JavaScript: ESLint, Prettier и JSHint run.dev 26.04.2025 JavaScript прошёл долгий путь от простого языка для анимации веб-страниц до основы современной веб-разработки. С ростом сложности приложений, увеличением кодовых баз и масштабированием команд. . .	Паттерны в Python: Singleton, Factory и Observer py-thonny 26.04.2025 Паттерны проектирования — это проверенные временем решения типовых проблем разработки программного обеспечения. Их история берёт начало с книги "Приёмы объектно-ориентированного проектирования. . . .	Исключения в C#: Stack Overflow, Access Violation и Out of memory stackOverflow 26.04.2025 Исключения в C# — это не только механизм оповещения о проблемах, а целое искусство управления потоком выполнения программы в экстремальных ситуациях. Обычное исключение, например,. . .	Логирование в C# ASP.NET Core с помощью Serilog, ElasticSearch, Kibana stackOverflow 25.04.2025 Помните те времена, когда для анализа проблемы приходилось подключаться к серверу, искать нужный лог-файл среди десятков других и вручную фильтровать тысячи строк в поисках ошибки? К счастью, эти дни. . .	Структура "железный OnKeyUp" вместо антидребезга. Полностью асинхронный счётчик. Hrethgir 25.04.2025 Программа для симуляции схемы - Logisim Evolution В общем какое-то время отвлёкся, так было надо, теперь когда запилю это на verilog и FPGA , досоставлю заявку в ФИПС на полезную модель - не готов. . .

Опции темы