javaScript初心者です。よろしくお願いします。
<body>
<input type="text" name="ji" />時
<script language="javascript">
hizuke = new Date();
ji.value = hizuke.getHours();
</script>
書籍を元にhtmlファイルに上記のスクリプトをかきました。上記スクリプトで現在が12時であれば 12時 と表示されると説明されているのですが上手く行きません。<inputの枠と 時 は表示されるのですが、<input>枠内には何も表示されない状態です。
上記のjavaScript内に、document.write(hizuke); を付け足して見たところ日時は表示されず、ji.value = hizuke.getHours();を削除するとdocument.write(hizuke); は表示されました。
短いコードですが何度も見返してみたのですが、どこに問題があるか分かりません。
<input>枠内にjavaScriptで取得した時間を表示するのに上記コードでの問題解決の方法やアドバイスをいただきたく思います。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
質問文のコードですが、InternetExplorerだと動くのではないでしょうか?
私のPCで確認してみると、Firefox3では動きませんがInternetExplorer7では動きます。
しかし、InternetExplorerでは動くけどFirefoxでは動かないようなコードは書くべきではありませんので、
何の断りもなくこのようなコードを載せているのであれば今お使いの本はやめておいた方が良いかもしれませんね。
ただ、このコードが「とりあえず何か書いてみよう」的な感じで載せられているだけで、
注意書きでこのコードはInternetExplorerでしか動きませんと書いてあったり、
後から詳しい説明が書いてあったりするかもしれませんので一概には言えませんが…。
JavaScriptの標準に準拠することを基本とするならば、質問文のコードは基本的には間違いです。
No.1
- 回答日時:
先ず、変数を定義せずに使用しています。
hizuke = new Date();
ji.value = hizuke.getHours();
変数は定義してから使います。
var hizuke;
hizuke = new Date();
でも面倒なので、合成して記述する場合が多いのです。
var hizuke = new Date();
次に、入力タグ(コントロール)は名前で取得して変数に代入します。
var ji = document.getElementsByName("ji");
但し、これはメソッド名が示すようにコレクション(配列)なので、
ji[0].value = hizuke.getHours(); のように添え字を付けてください。
配列が嫌なら、Nameではなく、IDにします。
<input type="text" id="ji" />時
var ji = document.getElementById("ji");
ji.value = hizuke.getHours();
書き込みありがとうございます。
なぜか上手く行かずにいます。
何度かやり直してみてはいるのですが、なぜか上手く行きません。
それから、私が質問文で書いたコードは基本的に間違いなのでしょうか?
もしそうなら、この本で勉強するのは考えものかなと思っているところなのですが、この点についてもよろしければ書き込みをいただけたらと思います。よろしくお願いします。
とりあえず、もう一度順にやってみるつもりですが、お礼が遅くなってしまいそうなので書き込みさせていただきました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ジャバスクリプトについて。
-
プログラムについて。
-
スマフォではボタンを表示させ...
-
①入力フォーム→②確認表示画面→③...
-
特定の文字列を複数抜き出した...
-
アップロードファイルの種類に...
-
階層別の組織図の自動作成について
-
セレクトボックスで配列を呼び...
-
Googleフォームで選択肢に応じ...
-
二次元配列の全要素の全要素を...
-
追加ボタンを押した際に ok ボ...
-
指定時間になったら、WEBサイト...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
var exports = exports || {}; ...
-
ローディングアニメーションの...
-
jQueryで同じクラス名のものを...
-
変数名をどのようにつけるのが...
-
2段階プルダウンで1段階目の選...
-
Q&A掲示板の入力フォームに文字...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
jsで質問です。 displayプロパ...
-
画面遷移を行わずに同一ページ...
-
Googleフォームで選択肢に応じ...
-
特定の文字列を複数抜き出した...
-
フロントエンドフレームワーク...
-
変数名をどのようにつけるのが...
-
【JS】selectでchangeした時の...
-
React hooksが値を返して配列変...
-
オブジェクトから任意のプロパ...
-
指定時間になったら、WEBサイト...
-
Colorboxがうまく設置できません
-
二次元配列の中の各行の要素を...
-
読み込んだQRコードをフォーム...
-
IndexedDB を使ってファイルア...
-
HTMLで作った時報アプリが動き...
-
GASに文字列として関数を入れる...
-
GASでGoogleフォームの自動返信...
-
①入力フォーム→②確認表示画面→③...
おすすめ情報