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

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

新規登録して質問してみよう
ただいま回答率
85.47%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

1388閲覧

javascriptでUncaught TypeError: Cannot read propertyとでる。

jingjing

総合スコア8

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2020/05/18 01:09

前提・実現したいこと

イメージ説明
処理回数の横の選択で10、20、40と選択し
その選択した数字分だけテキストボックスに1~すべて記入する。
例)10を選択した場合
12345678910とテキストボックスに表示する。

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

document.form1.text01.value="";
ここでエラーが出ます。

エラーメッセージ

chromのデバッグによるとこのようにエラーが出ます。 '''Uncaught TypeError: Cannot read property 'text01' of undefined at jsLesson04 (index.html:11) at HTMLInputElement.onclick (index.html:35) ### 該当のソースコード ```ここに言語を入力 コード

コード<!DOCTYPE html>

<html> <head> <meta charset="utf-8"> <title> JavaScript Lesson3 Preparations </title> <script type="text/javascript" language="javascript"> function jsLesson04(){ const val = document.getElementById("pul01").value; var ct; document.form1.text01.value=""; for(ct=1;ct<=val;ct++){ document.form1.text01.value=document.form1.text01.value+(ct+""); } } </script> </head> <body> <form name="form1">
<p> 処理回数: <select id="pul01" size="1"> <option value="non">--選択--</option> <option value=10> 10回</option> <option value=20> 20回</option> <option value=40> 40回</option> </select> </p> <p> <input type="text" id="text01"size=110> </p> <p> <input type="button" name="button01" value="実行" onclick="jsLesson04();"> </p> </form>
</body> </html> ``` ```ここに言語名を入力 ソースコードjavascript ```

試したこと

javascriptの言語の位置を<head>タグから<body>タグに移動など。

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

visual studio code を使っています。
ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

thyda.eiqau

2020/05/18 01:39

<form name="form1"> この全角スペースが影響していないか確認してください。
guest

回答1

0

ベストアンサー

html

1<form name="form1"> 2-----^ ここが全角スペースです。

投稿2020/05/18 01:39

Lhankor_Mhy

総合スコア36142

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

jingjing

2020/05/18 03:36

返信ありがとうございます。おっしゃる通りでした。動かすことができました。ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.47%

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

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

質問する

関連した質問