シンボルでスコアランクを作成する

Question

私はコーディングが新しく、スコアランクを作成しようとしています。スコアをシンボルに変換しようとしています。

は、私は私が行う必要があるとちょうどISつ以上の時間にそれが適用することはできませんどのような SOURCE CODE

からのコードを使用していていることができません。私はID+1/ID+2などのようになりたいので、すべての参加者にそれを適用することができました。

私はあなたが探しているものかもしれないペンを作成しました私のpen here

function test_skill() { 
    var junkVal=document.getElementById('score').value; 
    junkVal=Math.floor(junkVal); 
    var obStr=new String(junkVal); 
    numReversed=obStr.split(""); 
    actnumber=numReversed.reverse(); 

    if(Number(junkVal) >=0){ 
     //do nothing 
    } 
    else{ 
     alert('wrong Number cannot be converted'); 
     return false; 
    } 
    if(Number(junkVal)==0){ 
     document.getElementById('container').innerHTML=obStr+''+''; 
     return false; 
    } 
    if(actnumber.length>9){ 
     alert('Oops!!!! the Number is too big to covertes'); 
     return false; 
    } 

    var iWords=["Zero", "<i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>"]; 
    var ePlace=["<i class='fa fa-star-o fa-lg'></i>", "<i class='fa fa-star-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-star-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-star-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-star-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-star-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-star-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-star-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-star-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>", "<i class='fa fa-star-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i><i class='fa fa-moon-o fa-lg'></i>"]; 
    var tensPlace=['dummy', '<i class="fa fa-star-o fa-lg"></i>', '<i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i>', '<i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i>', '<i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i>', '<i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i>', '<i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i>', '<i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i>', '<i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i>', '<i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i><i class="fa fa-star-o fa-lg"></i>' ]; 
    var hundredsPlace=['dummy', '<i class="fa fa-sun-o fa-lg"></i>', '<i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i>', '<i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i>', '<i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i>', '<i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i>', '<i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i>', '<i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i>', '<i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i>', '<i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i><i class="fa fa-sun-o fa-lg"></i>']; 

    var iWordsLength=numReversed.length; 
    var totalWords=""; 
    var inWords=new Array(); 
    var finalWord=""; 
    j=0; 
    for(i=0; i<iWordsLength; i++){ 
     switch(i) 
     { 
     case 0: 
      if(actnumber[i]==0 || actnumber[i+1]==1) { 
       inWords[j]=''; 
      } 
      else { 
       inWords[j]=iWords[actnumber[i]]; 
      } 
      inWords[j]=inWords[j]+''; 
      break; 
     case 1: 
      tens_complication(); 
      break; 
     case 2: 
      if(actnumber[i]==0) { 
       inWords[j]=''; 
      } 
      else if(actnumber[i-1]!=0 && actnumber[i-2]!=0) { 
       inWords[j]=hundredsPlace[actnumber[i]]+''; 
      } 
      else { 
       inWords[j]=hundredsPlace[actnumber[i]]+''; 
      } 
      break; 
     case 3: 
      if(actnumber[i]==0 || actnumber[i+1]==1) { 
       inWords[j]=''; 
      } 
      else { 
       inWords[j]=iWords[actnumber[i]]; 
      } 
      if(actnumber[i+1] != 0 || actnumber[i] > 0){ 
       inWords[j]=inWords[j]+" Thousand"; 
      } 
      break; 
     case 4: 
      tens_complication(); 
      break; 
     case 5: 
      if(actnumber[i]==0 || actnumber[i+1]==1) { 
       inWords[j]=''; 
      } 
      else { 
       inWords[j]=iWords[actnumber[i]]; 
      } 
      if(actnumber[i+1] != 0 || actnumber[i] > 0){ 
       inWords[j]=inWords[j]+""; 
      } 
      break; 
     case 6: 
      tens_complication(); 
      break; 
     case 7: 
      if(actnumber[i]==0 || actnumber[i+1]==1){ 
       inWords[j]=''; 
      } 
      else { 
       inWords[j]=iWords[actnumber[i]]; 
      } 
      inWords[j]=inWords[j]+" Crore"; 
      break; 
     case 8: 
      tens_complication(); 
      break; 
     default: 
      break; 
     } 
     j++; 
    } 

    function tens_complication() { 
     if(actnumber[i]==0) { 
      inWords[j]=''; 
     } 
     else if(actnumber[i]==1) { 
      inWords[j]=ePlace[actnumber[i-1]]; 
     } 

     else if (actnumber[i]==2) { 
      inWords[j]=ePlace[actnumber[i-2]]; 
     } 

     else { 
      inWords[j]=tensPlace[actnumber[i]]; 
     } 


    } 
    inWords.reverse(); 
    for(i=0; i<inWords.length; i++) { 
     finalWord+=inWords[i]; 
    } 
    document.getElementById('container').innerHTML=finalWord; 
} 

おかげ

Answer 1

をしました。

私のソリューションでは、複数の入力フィールドをhtmlで作成することができます。

私のソリューションで使用されるHTMLは次のようになります。このボタンをクリックすると

<div> 
    <input type="text" name="score" value="10" /> 
    <div class="container"></div> 
</div> 
<div> 
    <input type="text" name="score" value="25" /> 
    <div class="container"></div> 
</div> 
<div> 
    <input type="text" name="score" value="5" /> 
    <div class="container"></div> 
</div> 
<div> 
    <input type="text" name="score" value="7" /> 
    <div class="container"></div> 
</div> 
<br/> 
<input type="button" name="sr1" value="Click Here" onClick="go()" /> 

。 jquery関数 "each"はこれらすべての入力ボックスをループし、それぞれの入力ボックスを既に実行します。

function go() { 
    $("input[name=score]").each(function() { 
    test_skill($(this)); 
    }); 
} 

上記の関数は、すべての入力ボックスに対してtest_skill関数を呼び出し、入力ボックスをパラメータとして渡します。

したがって、パラメータとして渡された入力ボックスの値を使用するように、関数test_skillを変更します。

function test_skill(input) { 
    var junkVal = input.val(); 
    // some more code you wrote already 
} 

最後に、入力ボックスごとに結果を表示するには、 'container'要素が必要です。我々は正しいコンテナのdivを見つけて、このコードの結果でそれを埋めることができ、私は提供されたHTMLを使用した：

function test_skill(input) { 
// more code here 
// replace your last line of test_skill with the line below 
input.parent().find(".container").html(finalWord); 
} 

あなたはこのペンで結果を見ることができます：

http://codepen.io/thdk/pen/pydpGN?editors=1010は、私は、これはあなたを助けることができると思います。