HTMLでのjavascriptを用いての平均値の出力

HTMLにおいてのJavascriptを使用して数値の表示とその平均値を表示したいとかんがえており、下のようにコードを書きました。

HTml
1<!DOCTYPE html> 
2  <html>
3     <body>
4       <h2>Score List and Avarege Score<h2>
5       <p>Here is the list of score and their average:</p>
6       <p id="display"></p>
7       <script>
8           var score, outputText, fLength, i;
9            score=["65", "70", "85", "90", "50", "62", "76", "88", "64", "45"];
10            fLength=score.length;
11            outputText="<ul>";
12            for(i=0; i<fLength; i++)
13            {
14                 outputText += "<li>"+score[i]+"</li>";
15            } 
16            outputText += "</ul>";
17            document.getElementById("display").innerHTML = outputText;
18            function Avarage(score)
19            {
20                retrn(score[0]+score[1]+score[2]+score[3]+score[4]+score[5]+score[6]+score[7]+score[8]+score[9])/score.length
21            }
22            console.log("The average score is:" + Average(score));
23       </script>    
24    </body> 
25   </html>

しかし、平均値が表示されなく下のように表示されました。私のコードをどのように修正すれば、平均値を表示させることができるのしょうか。

tetsunosuke

2019/04/19 07:54 編集

retrn は return の誤り・・・ということが原因・・・・ではないですよね？あと Avarage と Average の違いもありますね。エラーは出ないのでしょうか？

1mzmk

2019/04/20 01:16

スペルを修正したのですが、 console.log(" The average score is:" +Average(score)); の出力がされないです

kszk311

2019/04/22 01:12

https://www.buildinsider.net/web/chromedevtools/01#page-9 Consoleパネルで確認していますか？

行動規範の内容に同意します

回答3件

typo

Avarage→Average
retrn →return

これで、処理自体は通るはずです。
consoleにエラーが出てるので、一つずつ確認してみてください。

しかし、求める結果とは異なるはずです。
そこはちょっと考えてみてください。

追記：エラーについて

エラーメッセージそのままググるだけでも、…解決することも結構ありますよ…

Uncaught ReferenceError: Average is not defined
「Average」が定義されていません

これをスペル修正すると

Uncaught ReferenceError: retrn is not defined
「retrn」が定義されていません

これもスペル修正

The average score is:6570859050627688000

ここまで出てくるはずです。

参考URL：
JavaScriptエラー時にチェックするポイント | ジーニアスブログ

投稿2019/04/19 08:03

編集2019/04/19 09:01

kszk311

総合スコア3404

1mzmk

2019/04/19 08:41

ご回答ありがとうございます。どうしても、consoleのエラーが分からないのですが、教えて頂けないでしょうか。

行動規範の内容に同意します

まず、”（ダブルコーテーションマーク）で括ると、文字扱い（文字列）です。
文字列→数値変換をするか、最初から数値を入れておくかですね。

蛇足ですが

投稿2019/04/19 09:29

Masa_328

総合スコア65

せっかくなので今風に

javascript
1<script>
2'use strict'
3window.addEventListener('DOMContentLoaded',()=>{
4  const Average=score=>score.reduce((x,y)=>parseInt(x)+parseInt(y))/score.length;
5  const score=["65", "70", "85", "90", "50", "62", "76", "88", "64", "45"];
6  const fLength=score.length;
7  const display=document.querySelector("#display");
8  const ul=document.createElement('ul');
9  var li;
10  ul.append(...score.map(x=>{
11    li=document.createElement('li');
12    li.textContent=x;
13    return li;
14  }));
15  display.appendChild(ul);
16  console.log("The average score is:" + Average(score));
17});
18</script>    
19<p id="display"></p>