Como criar um conversor de algarismos romanos e um gráfico de algarismos romanos interativos

Eu II III IV V VI VII VIII IX X XX XXX XL eu LX LXX LXXX XC C CC CCC CD D DC DCC DCCC CM M V̅ X̅ EU C̅ D̅ M̅ Eu escrevi o código para este gráfico interativo de números romanos para incorporar aqui nas Notícias do desenvolvedor do freeCodeCamp.Dado o fato de o recurso de incorporação HTML não ser um editor de código em escala completa, o código fornecido não é estruturado e apresentado como arquivos HTML, CSS e JavaScript separados. Em vez disso, ele é escrito como um único arquivo HTML com e elementos adicionados para estilo e funcionalidade.Aqui está o repositório de código completo para o meu gráfico numérico romano interativo. Roman Numeral ConverterDigite um número inteiro não negativo entre 0 e 5.000. Em seguida, clique em Converter para revelar um equivalente numérico romano. Árabe para romano Converter Não há limitação programática para o número 5.000 ou mais. O algoritmo que governa a conversão funcionaria da mesma forma. O espaço necessário para exibir números romanos equivalentes a grandes números aumenta cada vez mais, sem muito benefício adicional de revelar algo novo. O código em si consiste em uma parte HTML que descreve o conteúdo com estilos embutidos para facilitar a interação e adicionar JavaScript para funcionalidade.O é um elemento de entrada do tipo "número" para limitar os dados de entrada a valores numéricos e dois botões. O botão "Convert" está conectado à função que executa a conversão, e o botão "Display" gera o equivalente em número romano. Por que imprimir através de um elemento de botão? O estilo funcionou bem quando aplicado aos dois botões juntos. E, considerando a funcionalidade limitada da incorporação, parecia uma economia de tempo. Para maior clareza, esses elementos são atribuídos a variáveis:const inputField document.querySelector('input'); // input element const convertButton document.getElementById('convert'); // convert button const outputField document.getElementById('display'); // output elementFunção convertToRoman() contém a lógica e renderiza o resultado:function convertToRoman() { let arabic document.getElementById('arabicNumeral').value; // input value let roman ''; // variable that will hold the result }O valor numérico do elemento de entrada é salvo em uma variável chamada "árabe"para testes adicionais. A variável denominada"romano"conterá a string que representa o equivalente romano da entrada árabe.Em seguida, existem duas matrizes de comprimentos iguais, uma com algarismos arábicos e outra com suas contrapartes romanas. Ambos estão em ordem decrescente para simplificar a subtração:// descending order simplifies subtraction while looping const arabicArray const romanArray As tabelas Unicode ajudam na formação de símbolos maiores que 1.000. Finalmente, aqui está a lógica que testa o número inserido e o converte.if (/^(0|d*)$/.test(arabic)) { // Regular expression tests if (arabic 0) { // for decimal points and negative outputField.innerHTML "Nulla"; // signs } else if (arabic ! 0) { for (let i 0; i < arabicArray.length; i++) { while (arabicArray

Prévia do ícone do site