2016-04-28 3 views
-3

おはよう!私は平均計算機を作成しており、それに中央値関数を追加したいと思います。私はそれを作成しようとしましたが、それはあまり成功していません。助けてください!ここに私が平均のために持っているコードがあります:電卓にメジアン関数を追加するにはどうすればいいですか?

"<fieldset id="numbers"><legend>Numbers</legend> 
    First number: <input type="number" onkeyup="getTotal();" onchange="getTotal();" /><br/> 
    Second number: <input type="number" onkeyup="getTotal();" onchange="getTotal();" /><br/> 
    Third number: <input type="number" onkeyup="getTotal();" onchange="getTotal();" /><br/> 
    Fourth number: <input type="number" onkeyup="getTotal();" onchange="getTotal();" /><br/> 
    Fifth number: <input type="number" onkeyup="getTotal();" onchange="getTotal();" /> 
</fieldset> 
<div id="average">Average: --</div> 
<script type="text/javascript"> 
    function getTotal() { 
     var inputs = document.getElementById('numbers').getElementsByTagName('input'), 
      count = inputs.length, i, total = 0; 
     for(i=0; i<count; i++) total += parseInt(inputs[i].value || "0",10); 
     document.getElementById('average').firstChild.nodeValue = "Average: "+(total/count); 
    }" 

ここに私のコードがあります。配列の中央値を見つけるため

<select id="operator"> 
    <option value="-">Subtract</option> 
    <option value="+">Add</option> 
    <option value="*">Multiply</option> 
    <option value="/">Divide</option> 
</select> 

<h3>Calculator</h3> 
1st Number:&nbsp;&nbsp;<input id="x" data-in="" type="text" /><br>2nd Number: 
<input id="y" data-in="" type="text" br> 
<hr>Answer: 
<div id="d"></div> 

<SCRIPT language="JavaScript"> 
var x = document.getElementById("x"); 
var y = document.getElementById("y"); 
var d = document.getElementById("d"); 
var xstored = x.getAttribute("data-in"); 
var ystored = y.getAttribute("data-in"); 
setInterval(function(){ 
    if(x == document.activeElement){ 
    var temp = x.value; 
    if(xstored != temp){ 
     xstored = temp; 
     x.setAttribute("data-in",temp); 
     calculate(); 
    } 
    } 
    if(y == document.activeElement){ 
    var temp = y.value; 
    if(ystored != temp){ 
     ystored = temp; 
     y.setAttribute("data-in",temp); 
     calculate(); 
    } 
    } 
},50); 

function calculate() { 
    var operator = document.getElementById('operator').value; 
    var value = eval(x.value + operator + y.value); 
    d.innerHTML = value; 
} 
x.onblur = calculate; 
calculate(); 
</SCRIPT> 



<hr> 


<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
</head> 
<body> 
    &nbsp;&nbsp; 
    <h3>Backround Color</h3> 
<select runat="server" id="select"> 
    <option value="A" style="background-color: white;">White</option> 
    <option value="B" style="background-color: black;">Black</option> 
    <option value="C" style="background-color: yellow;">Yellow</option> 
    <option value="D" style="background-color: green;">Green</option> 
    <option value="E" style="background-color: blue;">Blue</option> 
    <option value="F" style="background-color: red;">Red</option> 
    <option value="G" style="background-color: purple;">Purple</option> 
    <option value="H" style="background-color: orange;">Orange</option> 
    <option value="I" style="background-color: brown;">Brown</option> 
    <option value="J" style="background-color: pink;">Pink</option> 
    <option value="K" style="background-color: cyan;">Cyan</option>   
    <option value="L" style="background-color: gray;">Gray</option> 
</select> 
<script> 
$('#select').change(function(){ 
     if($(this).val() == 'A'){ 
     $("body").css('background-color', 'white'); 
     } 
     if($(this).val() == 'B'){ 
     $("body").css('background-color', 'black'); 
     } 
     if($(this).val() == 'C'){ 
     $("body").css('background-color', 'yellow'); 
     } 
     if($(this).val() == 'D'){ 
     $("body").css('background-color', 'green'); 
     } 
     if($(this).val() == 'E'){ 
     $("body").css('background-color', 'blue'); 
     } 
     if($(this).val() == 'F'){ 
     $("body").css('background-color', 'red'); 
     } 
     if($(this).val() == 'G'){ 
     $("body").css('background-color', 'purple'); 
     } 
     if($(this).val() == 'H'){ 
     $("body").css('background-color', 'orange'); 
     } 
     if($(this).val() == 'I'){ 
     $("body").css('background-color', 'brown'); 
     } 
     if($(this).val() == 'J'){ 
     $("body").css('background-color', 'pink'); 
     } 
     if($(this).val() == 'K'){ 
     $("body").css('background-color', 'cyan'); 
     } 
     if($(this).val() == 'L'){ 
     $("body").css('background-color', 'gray'); 
     } 
    }); 
</script> 
</body> 
</html> 



<hr> 

<fieldset id="numbers"><legend>Numbers</legend> 
    First number: <input type="number" onkeyup="getTotal();" onchange="getTotal();" /><br/> 
    Second number: <input type="number" onkeyup="getTotal();" onchange="getTotal();" /><br/> 
    Third number: <input type="number" onkeyup="getTotal();" onchange="getTotal();" /><br/> 
    Fourth number: <input type="number" onkeyup="getTotal();" onchange="getTotal();" /><br/> 
    Fifth number: <input type="number" onkeyup="getTotal();" onchange="getTotal();" /> 
</fieldset> 
<div id="average">Average: --</div> 
<script type="text/javascript"> 
    function getTotal() { 
     var inputs = document.getElementById('numbers').getElementsByTagName('input'), 
      count = inputs.length, i, total = 0; 
     for(i=0; i<count; i++) total += parseInt(inputs[i].value || "0",10); 
     document.getElementById('average').firstChild.nodeValue = "Average: "+(total/count); 
    } 


</script> 
+0

、私は平均を計算するためにあなたのアルゴリズムを参照してください、しかし、どこあなたが試したアルゴリズムがあります中央値を計算するか? – RJM

+0

ブラウザにロードしたときに平均の計算しか見ることができなかったので、私はコードエディタから消去しました。 –

+0

私たちにコードが動作していないことを示すことができない場合、どのように私たちがあなたを助けることを期待していますか? – RJM

答えて

0

Working JsBin

機能:あなたのコードで

function median(arr) { 
    arr.sort(function(a,b) {return a - b;}); 
    var mid = Math.floor(arr.length/2); 
    if(arr.length % 2) { 
     return arr[mid]; 
    } 
    else { 
     return (arr[mid-1] + arr[mid])/2; 
    } 
} 
+0

いいえ、人が選択した5つの数字の中央値(HTMLとCSSを含む)を計算するものが必要です。 –

+1

あなたはそれについて何も言わなかった...あなたは質問をする方法について読む必要がある:http://stackoverflow.com/help/how-to-ask、あなたは 'メディアンfuction' – JordanHendrix

関連する問題