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

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

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

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

1368閲覧

javascriptでテストの様なものを作りたい

lovetwice1012

総合スコア16

JavaScript

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2018/09/18 08:52

編集2018/09/18 09:01

javascriptでテストを作りたいです。
下のコードを入力したのですが、回答ボタンを押しても何も起こりません。
どこがダメなのかわかりません。(初心者すぎてすみません…)

<!-- Main -->
<div id="main"> <!-- Intro --> <article id="1"> <h2 class="major">問題</h2> <span class="image main"><img src="images/pic01.jpg" alt="" /></span> <p>1500-(12+3)*2= ?</a>.</p>
<script language="JavaScript"> <!-- function cmp(Del1) { if ( Del.a.value == "1470"){ ver x = x'+7.5'; document.cookie = 'point='+x; document.cookie = '1問目=ok'; location.replace="./test1.html#2"; } else { document.cookie = '1問目=ng'; location.replace="./test1.html#2"; } } //--> </script> <FORM name="Del1"> <input type="text" name="a"> <INPUT TYPE="button" VALUE="回答" onClick="cmp(Del1)"> </article> <article id="2"> <h2 class="major">問題</h2> <span class="image main"><img src="images/pic01.jpg" alt="" /></span> <p>カッコの中のひらがなを漢字に直しなさい。</a>.</p> <p>病院を「へいさ」する</p> <script language="JavaScript"> <!-- function cmp(Del2) { if ( Del.b.value == "閉鎖"){ ver x = x'+7.5'; document.cookie = 'point='+x; document.cookie = '2問目=ok'; location.replace="./test1.html#f"; } else { document.cookie = '2問目=ng'; location.replace="./test1.html#f"; } } //--> </script> <FORM name="Del2"> <input type="text" name="b"> <INPUT TYPE="button" VALUE="回答" onClick="cmp(Del2)"> </article> <article id="f"> <h2 class="major">結果</h2> <span class="image main"><img src="images/pic01.jpg" alt="" /></span> <p></a>.</p> var data = document.cookie; document.write(data); </article>

<追加(整形コード)>

<!-- Main -->
<div id="main"> <!-- Intro --> <article id="1"> <h2 class="major">問題</h2> <span class="image main"><img src="images/pic01.jpg" alt="" /></span> <p>1500-(12+3)*2= ?</a>.</p> <script language="JavaScript"> <!-- function cmp(Del1) { if ( Del.a.value == "1470"){ ver x = x'+7.5'; document.cookie = 'point='+x; document.cookie = '1問目=ok'; location.replace="./test1.html#2"; } else { document.cookie = '1問目=ng'; location.replace="./test1.html#2"; } } //--> </script> <FORM name="Del1"> <input type="text" name="a"> <INPUT TYPE="button" VALUE="回答" onClick="cmp(Del1)"> </article> <article id="2"> <h2 class="major">問題</h2> <span class="image main"><img src="images/pic01.jpg" alt="" /></span> <p>カッコの中のひらがなを漢字に直しなさい。</a>.</p> <p>病院を「へいさ」する</p> <script language="JavaScript"> <!-- function cmp(Del2) { if ( Del.b.value == "閉鎖"){ ver x = x'+7.5'; document.cookie = 'point='+x; document.cookie = '2問目=ok'; location.replace="./test1.html#f"; } else { document.cookie = '2問目=ng'; location.replace="./test1.html#f"; } } //--> </script> <FORM name="Del2"> <input type="text" name="b"> <INPUT TYPE="button" VALUE="回答" onClick="cmp(Del2)"> </article> <article id="f"> <h2 class="major">結果</h2> <span class="image main"><img src="images/pic01.jpg" alt="" /></span> <p> </a>.</p> var data = document.cookie; document.write(data); </article>

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

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

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

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

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

s8_chu

2018/09/18 08:53

質問文のコードがすべてですか?載せていない部分はありませんか?
miyabi-sun

2018/09/18 08:55

読みづらくてかなわないので、整形ツールを通してください。「HTML整形ツール」で検索すれば沢山ヒットします。プチデバッグ機能とかついてるらしいこれを張り付けておきますhttp://u670.com/pikamap/htmlseikei.php
lovetwice1012

2018/09/18 08:55

javascriptのコードは全てです。このファイルの全てのコードが必要ですか?
miyabi-sun

2018/09/18 08:58

因みにscriptタグ内のHTMLコメントですが、閉じる箇所は1行に書かなきゃいけないんじゃなかったですっけ?そもそも、そんなscriptタグを認識出来ずに暴走し始めるブラウザがこの世に存在するか怪しいので別に対応する必要はないと思います。
s8_chu

2018/09/18 09:02

心配なので、そのファイルすべてのコードを記述してください。
miyabi-sun

2018/09/18 09:50

あら、一番重要なインデントが死んでますね。質問文はMarkdownで作るのでコード部分はバッククォート3つの行でくくって下さい。Teratailのエディターだとマウスで選択してコードボタンをクリックすればそうなるはずです。
guest

回答2

0

ベストアンサー

とりあえずver x = x'+7.5';がtypoです。
修正願います。

あと、Delが未定義のように見えます。
cmp関数の引数が間違っていると思います。
また、cmp関数が二重に定義されてます。名前を変えて二つ定義するか、関数の内部を整理するか、してください。

それから、Del.a.valueDel.elements.a.valueでは。
HTMLFormElement.elements - Web API インターフェイス | MDN 

それと、form要素閉じ忘れてます。他にも閉じ忘れあるかも。

投稿2018/09/18 09:37

Lhankor_Mhy

総合スコア36104

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

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

lovetwice1012

2018/09/22 06:50

わかりやすい回答をありがとうございます。 やってみたのですが、やっぱりできず… 仕様変更して、自己解決しました。 フォローしました。これからもよろしくお願い…できますか?
Lhankor_Mhy

2018/09/22 07:38

ご縁があれば、もちろん。
guest

0

どこがというより、全体的にダメっぽいですね

  • cmpの引数の使い方
  • cmp関数の複数宣言
  • その要素の参照方法
  • クッキーの使い方

まずは動作が確認できる最低限の機能の簡単なものをつくって
そこから拡張していけばよいのでは?

投稿2018/09/18 09:17

yambejp

総合スコア114829

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問