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

回答率: 87.20%

質問するログイン新規登録

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

新規登録して質問してみよう

ただいま回答率: 87.20%

トップ JavaScriptに関する質問

解決済

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

総合スコア3

3回答

0評価

1クリップ

223閲覧

投稿2021/12/19 13:12

編集2021/12/19 13:20

前提・実現したいこと

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

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

Uncaught ReferenceError: ・・・ is not defined

該当のソースコード

JavaScript(HTMLに埋め込み)
<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta property="og:title" content="">
  <meta property="og:type" content="">
  <meta property="og:url" content="">
  <meta property="og:image" content="">

  <link rel="manifest" href="site.webmanifest">
  <link rel="apple-touch-icon" href="icon.png">
  <!-- Place favicon.ico in the root directory -->
<style>

</style>
  <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

  <meta name="theme-color" content="#fafafa">
</head>

<script type="text/javascript" language="javascript">
  function entano(){
var kokugos = document.getElementById("kokugos").value;
var kokugoh = document.getElementById("kokugoh").value;
var rika1s = document.getElementById("rika1s").value;
var rika1h = document.getElementById("rika1h").value;
var rika2s = document.getElementById("rika2s").value;
var rika2h = document.getElementById("rika2h").value;
var tiris = document.getElementById("tiris").value;
var tirih = document.getElementById("tirih").value;
var rekisis = document.getElementById("rekisis").value;
var rekisih = document.getElementById("rekisih").value;
var daisuus = document.getElementById("daisuus").value;
var daisuuh = document.getElementById("daisuuh").value;
var zukeis = document.getElementById("zukeis").value;
var zukeih = document.getElementById("zukeih").value;
var eigos = document.getElementById("eigos").value;
var eigoh = document.getElementById("eigoh").value;
var kagis = document.getElementById("kagis").value;
var kagih = document.getElementById("kagih").value;
var onngakus = document.getElementById("onngakus").value;
var onngakuh = document.getElementById("onngakuh").value;
var bizyutus = document.getElementById("bizyutus").value;
var bizyutuh = document.getElementById("bizyutuh").value;
var hotais = document.getElementById("hotais").value;
var hotaih = document.getElementById("hotaih").value;

var scope  = "soten";
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);

var heikin;
heikin = Number(kokugoh) + Number(rika1h) + Number(rika2h) + Number(tirih) + Number(rekisih) + Number(daisuuh) + Number(zukeih) + Number(eigoh) + Number(kagih) + Number(onngakuh) + Number(bizyutuh) + Number(hotaih);

var syusoten;
syusoten = Number(kokugos) + Number(rika1s) + Number(rika2s) + Number(tiris) + Number(rekisis) + Number(daisuus) + Number(zukeis) + Number(eigos);

var syuheikin;
heikin = Number(kokugoh) + Number(rika1h) + Number(rika2h) + Number(tirih) + Number(rekisih) + Number(daisuuh) + Number(zukeih) + Number(eigoh);

var hukusoten;
hukusoten = Number(kagis) + Number(onngakus) + Number(bizyutus) + Number(hotais);

var hukuheikin;
hukuheikin = Number(kagih) + Number(onngakuh) + Number(bizyutuh) + Number(hotaih);

var syutokutensa;
syutokutensa = syusoten - syuheikin;

var hukutokutensa;
hukutokutensa = hukusoten - hukuheikin;

var tokutensa;
tokutensa = soten - heikin;
  
  
  }
</script>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプル</title>
</head>


<body>
  <!doctype html>
  <html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>HTML Char size Sample</title>
  </head>
    <body>
  <font size="6"><b>点数記録 For Web</b></font><br>
  

  <br>
  <div class="input-group" id="kokugo">
    <span class="input-group-text">国語</span>
    <input type="text" aria-label="First name" class="form-control" name="kokugos" id="kokugos" required>
    <input type="text" aria-label="Last name" class="form-control" name="kokugoh" id="kokugoh">
  </div>

  <div class="input-group" id="rika1">
    <span class="input-group-text">理１</span>
    <input type="text" aria-label="First name" class="form-control" name="rika1s" id="rika1s">
    <input type="text" aria-label="Last name" class="form-control" name="rika1h" id="rika1h">
  </div>

  <div class="input-group" id="rika2">
    <span class="input-group-text">理２</span>
    <input type="text" aria-label="First name" class="form-control" name="rika2s" id="rika2s">
    <input type="text" aria-label="Last name" class="form-control" name="rika2h" id="rika2h">
  </div>

  <div class="input-group" id="tiri">
    <span class="input-group-text">地理</span>
    <input type="text" aria-label="First name" class="form-control" name="tiris" id="tiris">
    <input type="text" aria-label="Last name" class="form-control" name="tirih" id="tirih">
  </div>

  <div class="input-group" id="rekisi">
    <span class="input-group-text">歴史</span>
    <input type="text" aria-label="First name" class="form-control" name="rekisis" id="rekisis">
    <input type="text" aria-label="Last name" class="form-control" name="rekisih" id="rekisih">
  </div>

  <div class="input-group" id="daisuu">
    <span class="input-group-text">代数</span>
    <input type="text" aria-label="First name" class="form-control" name="daisuus" id="daisuus">
    <input type="text" aria-label="Last name" class="form-control" name="daisuuh" id="daisuuh">
  </div>

  <div class="input-group" id="zukei">
    <span class="input-group-text">図形</span>
    <input type="text" aria-label="First name" class="form-control" name="zukeis" id="zukeis">
    <input type="text" aria-label="Last name" class="form-control" name="zukeih" id="zukeih">
  </div>

  <div class="input-group" id="eigo">
    <span class="input-group-text">英語</span>
    <input type="text" aria-label="First name" class="form-control" name="eigos" id="eigos">
    <input type="text" aria-label="Last name" class="form-control" name="eigoh" id="eigoh">
  </div>

  <div class="input-group" id="kagi">
    <span class="input-group-text">家技</span>
    <input type="text" aria-label="First name" class="form-control" name="kagis" id="kagis">
    <input type="text" aria-label="Last name" class="form-control" name="kagih" id="kagih">
  </div>

  <div class="input-group" id="onngaku">
    <span class="input-group-text">音楽</span>
    <input type="text" aria-label="First name" class="form-control" name="onngakus" id="onngakus">
    <input type="text" aria-label="Last name" class="form-control" name="onngakuh" id="onngakuh">
  </div>

  <div class="input-group" id="bizyutu">
    <span class="input-group-text">美術</span>
    <input type="text" aria-label="First name" class="form-control" name="bizyutus" id="bizyutus">
    <input type="text" aria-label="Last name" class="form-control" name="bizyutuh" id="bizyutuh">
  </div>

  <div class="input-group" id="hotai">
    <span class="input-group-text">保体</span>
    <input type="text" aria-label="First name" class="form-control" name="hotais" id="hotais">
    <input type="text" aria-label="Last name" class="form-control" name="hotaih" id="hotaih">
  </div>

  <center>
  <button type="button" class="mt-3 btn btn-outline-secondary" onclick="cancan()">取り消し</button>
  <button type="button" class="mt-3 btn btn-outline-primary" onclick="entano()">実行</button>
  </center>


  <script>
   document.write(soten);
  </script>
    
</body>

        

</html>


</html>

試したこと

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

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

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

2021/12/19 13:15

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

2021/12/19 13:18

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

2021/12/19 13:21

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

2021/12/19 13:29

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

2021/12/19 13:44

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

2021/12/19 13:49

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

2021/12/19 13:58

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

2021/12/20 01:10

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

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問

解決済

回答1

クリップ0

更新

2022/05/25

Webページの型崩れの防止

解決済

回答2

クリップ0

更新

2020/03/04

ボタンのcssが一部にしか効かない

解決済

回答2

クリップ0

更新

2022/05/24

insertBefore で "not a child of this node."になってしまう

解決済

回答3

クリップ1

更新

2022/05/15

JavaScript document.form

受付中

回答2

クリップ1

更新

2022/05/18

[WordPress][css] WordPressのオリジナルプラグインでoutline: none;が効かなくなってる

解決済

回答3

クリップ1

更新

2022/05/25

セレクトボックスで一つ目の選択肢と二つ目の選択肢が重複しないようにしたい

受付中

回答1

クリップ0

更新

2022/05/26

404エラー画面が直らない

解決済

回答1

クリップ2

更新

2022/05/25

ifとelse ifの条件分岐がわかりません

同じタグがついた質問を見る

トップ JavaScriptに関する質問

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

関連した質問

解決済

回答2

クリップ1

更新

2022/05/26

CSSでボタンを押すとiframeでサイトを表示するようにしたいが表示されない

解決済

回答1

クリップ1

更新

2022/05/26

送信ボタンの制御、その他

受付中

回答1

クリップ0

更新

2022/05/26

foreachを使って二行で入力された文言を出力させたい

解決済

回答1

クリップ0

更新

2022/05/24

Flaskを用いて、Pythonで定義した関数をHTML上のformに入力した値を引数にして実行したい

同じタグがついた質問を見る