JSのコードがHTMLに反映されない

前提・実現したいこと

HTML側で整数の合計を表示したいです。
JSで書いたコードがHTML側で表示されません。

以下のHTMLのソースコードとjsのソースコードで編集したほうがいい点をおしえてほしいです！

HTMLのソースコード

<!DOCTYPE html> <html lamg="ja"> <head> <title>第6回マルチメディア</title> <mata charest="utf-8"> </head>

<body>
    <h1>整数表示</h1>
    <h2>整数の合計を表示</h2>

　　　　<p id ="mssg">整数:0 合計:0</P>　
<p id ="evwnodd">整数:　偶数　合計: 偶数</p>
<button id="bttn">整数を加算</button>
<button id="rest">リセット</button>

    <script type="text/javascropt" src="./js/ex6/js">
    <script tyep="text/javascropt" scr="./js/update/js">
    </script>
</body>

</html>

JSのソースコード
let mssObj,bttnObj;
let num;
let sum;

mssObj=document.getElementByld("mssg");
bttnObj=document.getElemetByld("bttn");
evenoddObj=document.getAnimations("evenodd");

num=0;
sum=0;

function bttn(){
num=num+1;
sum=sum+num;
let songuyen;
let total;

if(num%2){
    songuyen="偶数";
}

else{
    songuyen="奇数";
}

if(sum%2){
    total="偶数";
}

else{
    total="奇数";
}

mssfObj.innerHTML=""

}
function rest(){
num=0;
sum=0;
mssgObj.innerHTML="整数:"+num+"合計:"+sum;
evenoddObj.innerHMTL="整数:"+"偶数"+"合計:"+"偶数"
}

bttnObj.addEventListener("Click",btten,false);
resetObj.addEventListener("Click",rest,fales);

m.ts10806

2020/11/04 06:03

コードはマークダウンのcode機能を利用してご提示ください。あと、エラーを確認してください(ブラウザ開発ツールのコンソール)

退会済みユーザー

2020/11/04 06:08

k.aoi

2020/11/04 06:17

m.ts10806

2020/11/04 06:55

ファイル名およびファイル構成(階層)も「コピー&ペーストで」提示してください。コードのような枝葉以前に「思ったように」書いてしまう性質から改善必要に思います。コードは書いた通りにしか動きません。

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

回答1件

ベストアンサー

投稿2020/11/04 06:19

k.aoi

総合スコア7

sousuke

2020/11/04 06:29 編集

html lamgやtypeとtyepとかsrcとscrとかなんか妙なスペルミスが山ほどあるんですよね。行並びなのになぜだろう。↓とかも mssObj=document.getElementByld("mssg"); bttnObj=document.getElemetByld("bttn"); scriptタグも上は閉じてないですね

m.ts10806

2020/11/04 06:57

「全部消して一行ずつ書き直し」が賢明でしょうね。一気にかいて一気に実行する内容でもないですし。