画面にコードを表示するときに問題が発生する

Question

これはプログラマにとって単純なことのように聞こえるかもしれませんが、わかりません。私は十進数をローマ数字に変換するプログラムを作っています。私はコアコードが動作しているが、私はどのように私は結果を画面に表示することができないと思うように見えることができません。ユーザーがテキストボックスに数値を入力すると、結果はボタンを押すと別のテキストボックスに表示されるようにしたいと思います。お返事ありがとうございます&ヘルプ。

function convertToRoman(num) { 
var romans = { 
    M: 1000, 
    CM: 900, 
    D: 500, 
    CD: 400, 
    C: 100, 
    XC: 90, 
    L: 50, 
    XL: 40, 
    X: 10, 
    IX: 9, 
    V: 5, 
    IV: 4, 
    I: 1, 
}; 

var result = ''; 

for (var key in romans) { 
    if (num >= romans[key]) { 
     result += key.repeat(Math.trunc(num/romans[key])); 
     num -= romans[key] * Math.trunc(num/romans[key]); 
    } 
} 

return result; 

} 

Answer 1

div要素を追加し、 "output"のようなidを付けると、このようなことができます。

document.getElementById("output").innerHTML = result; 

Answer 2

1. あなたは、信頼できる古いalert機能を使用することができます。ちょうどalert(convertToRoman(10))を実行してください。これを<script>タグまたはbody onload属性に入れてください
2. もっとプロフェッショナルなデバッグのために、console.logを使用できます。 Firebugと呼ばれる古いFirefoxアドオンを起源として、すべてブラウザでサポートされています。単にconsole.log(convertToRoman(10));と入力してください。コンソールに結果が表示され、ブラウザを右クリックしてinspectドキュメントを開き、コンソールタブに移動するか、ChromeのCtrl + Shift + Iを押します。

Answer 3

あなたがhtmlに結果を添付する部分。以下の作業コードを例として参照してください。

function convertToRoman(num) { 
 
    var romans = { 
 
     M: 1000, 
 
     CM: 900, 
 
     D: 500, 
 
     CD: 400, 
 
     C: 100, 
 
     XC: 90, 
 
     L: 50, 
 
     XL: 40, 
 
     X: 10, 
 
     IX: 9, 
 
     V: 5, 
 
     IV: 4, 
 
     I: 1, 
 
    }; 
 

 
    var result = ''; 
 

 
    for (var key in romans) { 
 
     if (num >= romans[key]) { 
 
      result += key.repeat(Math.trunc(num/romans[key])); 
 
      num -= romans[key] * Math.trunc(num/romans[key]); 
 
     } 
 
    } 
 

 
    document.getElementById('output').innerHTML = result; 
 
} 
 

 
convertToRoman(12345);

<div> my result <span id="output"></span></div>