変数が定義されないという旨のエラーを解決したい JavaScript

前提・実現したいこと

初心者です
変数が定義されていないとエラーが出ていて困っています

発生している問題・エラーメッセージ

Uncaught ReferenceError: ・・・ is not defined

該当のソースコード

JavaScript(HTMLに埋め込み)
1<!doctype html>
2<html class="no-js" lang="">
3
4<head>
5  <meta charset="utf-8">
6  <title></title>
7  <meta name="description" content="">
8  <meta name="viewport" content="width=device-width, initial-scale=1">
9
10  <meta property="og:title" content="">
11  <meta property="og:type" content="">
12  <meta property="og:url" content="">
13  <meta property="og:image" content="">
14
15  <link rel="manifest" href="site.webmanifest">
16  <link rel="apple-touch-icon" href="icon.png">
17  <!-- Place favicon.ico in the root directory -->
18<style>
19
20</style>
21  <!-- CSS only -->
22<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
23
24  <meta name="theme-color" content="#fafafa">
25</head>
26
27<script type="text/javascript" language="javascript">
28  function entano(){
29var kokugos = document.getElementById("kokugos").value;
30var kokugoh = document.getElementById("kokugoh").value;
31var rika1s = document.getElementById("rika1s").value;
32var rika1h = document.getElementById("rika1h").value;
33var rika2s = document.getElementById("rika2s").value;
34var rika2h = document.getElementById("rika2h").value;
35var tiris = document.getElementById("tiris").value;
36var tirih = document.getElementById("tirih").value;
37var rekisis = document.getElementById("rekisis").value;
38var rekisih = document.getElementById("rekisih").value;
39var daisuus = document.getElementById("daisuus").value;
40var daisuuh = document.getElementById("daisuuh").value;
41var zukeis = document.getElementById("zukeis").value;
42var zukeih = document.getElementById("zukeih").value;
43var eigos = document.getElementById("eigos").value;
44var eigoh = document.getElementById("eigoh").value;
45var kagis = document.getElementById("kagis").value;
46var kagih = document.getElementById("kagih").value;
47var onngakus = document.getElementById("onngakus").value;
48var onngakuh = document.getElementById("onngakuh").value;
49var bizyutus = document.getElementById("bizyutus").value;
50var bizyutuh = document.getElementById("bizyutuh").value;
51var hotais = document.getElementById("hotais").value;
52var hotaih = document.getElementById("hotaih").value;
53
54var scope  = "soten";
55soten = Number(kokugos) + Number(rika1s) + Number(rika2s) + Number(tiris) + Number(rekisis) + Number(daisuus) + Number(zukeis) + Number(eigos) + Number(kagis) + Number(onngakus) + Number(bizyutus) + Number(hotais);
56
57var heikin;
58heikin = Number(kokugoh) + Number(rika1h) + Number(rika2h) + Number(tirih) + Number(rekisih) + Number(daisuuh) + Number(zukeih) + Number(eigoh) + Number(kagih) + Number(onngakuh) + Number(bizyutuh) + Number(hotaih);
59
60var syusoten;
61syusoten = Number(kokugos) + Number(rika1s) + Number(rika2s) + Number(tiris) + Number(rekisis) + Number(daisuus) + Number(zukeis) + Number(eigos);
62
63var syuheikin;
64heikin = Number(kokugoh) + Number(rika1h) + Number(rika2h) + Number(tirih) + Number(rekisih) + Number(daisuuh) + Number(zukeih) + Number(eigoh);
65
66var hukusoten;
67hukusoten = Number(kagis) + Number(onngakus) + Number(bizyutus) + Number(hotais);
68
69var hukuheikin;
70hukuheikin = Number(kagih) + Number(onngakuh) + Number(bizyutuh) + Number(hotaih);
71
72var syutokutensa;
73syutokutensa = syusoten - syuheikin;
74
75var hukutokutensa;
76hukutokutensa = hukusoten - hukuheikin;
77
78var tokutensa;
79tokutensa = soten - heikin;
80  
81  
82  }
83</script>
84
85<!DOCTYPE html>
86<html lang="ja">
87<head>
88<meta charset="UTF-8">
89<title>サンプル</title>
90</head>
91
92
93<body>
94  <!doctype html>
95  <html lang="ja">
96  <head>
97    <meta charset="UTF-8">
98    <title>HTML Char size Sample</title>
99  </head>
100    <body>
101  <font size="6"><b>点数記録 For Web</b></font><br>
102  
103
104  <br>
105  <div class="input-group" id="kokugo">
106    <span class="input-group-text">国語</span>
107    <input type="text" aria-label="First name" class="form-control" name="kokugos" id="kokugos" required>
108    <input type="text" aria-label="Last name" class="form-control" name="kokugoh" id="kokugoh">
109  </div>
110
111  <div class="input-group" id="rika1">
112    <span class="input-group-text">理１</span>
113    <input type="text" aria-label="First name" class="form-control" name="rika1s" id="rika1s">
114    <input type="text" aria-label="Last name" class="form-control" name="rika1h" id="rika1h">
115  </div>
116
117  <div class="input-group" id="rika2">
118    <span class="input-group-text">理２</span>
119    <input type="text" aria-label="First name" class="form-control" name="rika2s" id="rika2s">
120    <input type="text" aria-label="Last name" class="form-control" name="rika2h" id="rika2h">
121  </div>
122
123  <div class="input-group" id="tiri">
124    <span class="input-group-text">地理</span>
125    <input type="text" aria-label="First name" class="form-control" name="tiris" id="tiris">
126    <input type="text" aria-label="Last name" class="form-control" name="tirih" id="tirih">
127  </div>
128
129  <div class="input-group" id="rekisi">
130    <span class="input-group-text">歴史</span>
131    <input type="text" aria-label="First name" class="form-control" name="rekisis" id="rekisis">
132    <input type="text" aria-label="Last name" class="form-control" name="rekisih" id="rekisih">
133  </div>
134
135  <div class="input-group" id="daisuu">
136    <span class="input-group-text">代数</span>
137    <input type="text" aria-label="First name" class="form-control" name="daisuus" id="daisuus">
138    <input type="text" aria-label="Last name" class="form-control" name="daisuuh" id="daisuuh">
139  </div>
140
141  <div class="input-group" id="zukei">
142    <span class="input-group-text">図形</span>
143    <input type="text" aria-label="First name" class="form-control" name="zukeis" id="zukeis">
144    <input type="text" aria-label="Last name" class="form-control" name="zukeih" id="zukeih">
145  </div>
146
147  <div class="input-group" id="eigo">
148    <span class="input-group-text">英語</span>
149    <input type="text" aria-label="First name" class="form-control" name="eigos" id="eigos">
150    <input type="text" aria-label="Last name" class="form-control" name="eigoh" id="eigoh">
151  </div>
152
153  <div class="input-group" id="kagi">
154    <span class="input-group-text">家技</span>
155    <input type="text" aria-label="First name" class="form-control" name="kagis" id="kagis">
156    <input type="text" aria-label="Last name" class="form-control" name="kagih" id="kagih">
157  </div>
158
159  <div class="input-group" id="onngaku">
160    <span class="input-group-text">音楽</span>
161    <input type="text" aria-label="First name" class="form-control" name="onngakus" id="onngakus">
162    <input type="text" aria-label="Last name" class="form-control" name="onngakuh" id="onngakuh">
163  </div>
164
165  <div class="input-group" id="bizyutu">
166    <span class="input-group-text">美術</span>
167    <input type="text" aria-label="First name" class="form-control" name="bizyutus" id="bizyutus">
168    <input type="text" aria-label="Last name" class="form-control" name="bizyutuh" id="bizyutuh">
169  </div>
170
171  <div class="input-group" id="hotai">
172    <span class="input-group-text">保体</span>
173    <input type="text" aria-label="First name" class="form-control" name="hotais" id="hotais">
174    <input type="text" aria-label="Last name" class="form-control" name="hotaih" id="hotaih">
175  </div>
176
177  <center>
178  <button type="button" class="mt-3 btn btn-outline-secondary" onclick="cancan()">取り消し</button>
179  <button type="button" class="mt-3 btn btn-outline-primary" onclick="entano()">実行</button>
180  </center>
181
182
183  <script>
184   document.write(soten);
185  </script>
186    
187</body>
188
189        
190
191</html>
192
193
194</html>

試したこと

スコープ（？）が原因なことが多いらしいですが理解できません

補足情報（FW/ツールのバージョンなど）

エラーはchromeの開発者ツール
VScode

uky

2021/12/19 13:15

こんばんは「...」は何のために使用しているのでしょうか？

Pieshin

2021/12/19 13:18

関係ない箇所を省略したつもりでしたが、やはり必要ですよね。すいません、修正します！

takasima20

2021/12/19 13:21

var = 変数名; が転記ミスでないならイコールが余計かなあ (修正待ち)

Pieshin

2021/12/19 13:29

イコールの書き方が間違っていましたか…？

takasima20

2021/12/19 13:44

修正されたコードには上記のエラーが出るようには見えないかなあ。

takasima20

2021/12/19 13:49

てか、なんか複数のHTMLファイルが入り混じってるように見えるなあ。

takasima20

2021/12/19 13:58

あー kilesaさんの指摘の通りですわ～関数 entano() 内から書き込めるようにしましょう。

Pieshin

2021/12/20 01:10

書き込めるようにするにはどうすればいいですか…？何回もすいません

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

回答3件

スコープ（？）が原因なことが多いらしいですが理解できません

これについては下記でざっくりで良いので目を通しておくと良いと思います。
超入門的な記事
 javascriptのscopeについて

var, let, constについて見ておくと良いと思います。

本投稿で指摘があるのはsoten の箇所ではないでしょうか？

Javascript
1var 変数名 = 値（初期値を空にしたければ''などを入れておく）

このように記述することで、変数を定義することができます。
なので、

Javascript
1var soten = Number(kokugos) + Number(rika1s) + Number(rika2s) + Number(tiris) + Number(rekisis) + Number(daisuus) + Number(zukeis) + Number(eigos) + Number(kagis) + Number(onngakus) + Number(bizyutus) + Number(hotais);
2

のようにすれば解決できるのではないでしょうか？？

投稿2021/12/19 13:34

uky

総合スコア207

ベストアンサー

HTMLの整合性はさておき…
簡単に対応するなら

javascript
1document.write(soten);

↓

javascript
1function hoge(soten) {
2    document.write(soten);
3}

こうして

javascript
1var tokutensa;
2tokutensa = soten - heikin;
3
4
5  }

↓

javascript
1var tokutensa;
2tokutensa = soten - heikin;
3
4    hoge(soten);
5  }

こんなかんじで。

投稿2021/12/20 01:42

takasima20

総合スコア7458

エラーが出る原因は以下の3行

html
1  <script>
2   document.write(soten);
3  </script>

に含まれる document.write(soten); ではありませんか？この行を削除してみてください。エラーは出なくなると思います。

追記

document.write(soten); を消せばとりあえずエラーは消えますが、それ以前に質問にあるコードは <html lang="ja"> が2箇所あったり、末尾に </html> が二回繰り返されていたりと、正しいHTMLになっていないように見受けられるので、その点からも見直しされるとよいでしょう。

投稿2021/12/19 13:50

編集2021/12/19 14:21