先日よりJavaScriptの勉強をしていて、以下のスクリプトで、17時までは今日の運勢は?と表示して、17時以降は明日の運勢は?と表示したいのですが、うまく動きません。何処をどう直したら良いのでしょうか?
わかる方教えて下さい。よろしくお願いします。
<HTML>
<HEAD>
<TITLE>おみくじ</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!---
function omikuji()
{
r=Math.round(Math.random()*4);
if(r==1){
document.form_a.text1.value="ラッキー!大吉!";}
else if(r==2){
document.form_a.text1.value="ほっ!中吉!";}
else if(r==3){
document.form_a.text1.value="小吉!まぁまぁだね";}
else if(r==4){
document.form_a.text1.value="末吉!こんなものかな";}
else{
document.form_a.text1.value="凶・・気をつけないと";}
}
//--->
<!--
acDate=new Date();
myHour=acDate.getHours();
// -->
</SCRIPT>
<BODY>
<FORM NAME="form_a">
<INPUT TYPE="BUTTON" VALUE="おみくじ" onClick='omikuji()'>
<INPUT TYPE="TEXT"
if(myHour<=17){
VALUE="今日の運勢は?!"NAME="text1";}
else if(myHour<=24){
VALUE="明日の運勢は?!"NAME="text1";}
>
</FORM>
</BODY>
</HTML>
No.1ベストアンサー
- 回答日時:
質問文のソースを見る限りでは、HTMLの中に無理にJavaScriptのソースコードを混入させているようですが、こういった記述ではそのソースがJavaScriptとして認識されないので、動作してくれません。
HTMLとJavaScriptは別個のものとして、分けて考える必要があると思いますよ。JavaScriptのソースコードは、<script>要素内に記述するか、もしくはタグ内に追加されるonClickなどのイベントハンドラ内に記述しないと、スクリプトとして認識されませんので、まずはこのあたりの記述の仕方から見直してみる必要があるのではないかと思います。
質問文のソースに修正を加えてみました。 下記のソースではいかがでしょうか。
<HTML>
<HEAD>
<TITLE>おみくじ</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript"><!--
function omikuji(){
r=Math.round(Math.random()*4);
if(r==1){
document.form_a.text1.value="ラッキー!大吉!";}
else if(r==2){
document.form_a.text1.value="ほっ!中吉!";}
else if(r==3){
document.form_a.text1.value="小吉!まぁまぁだね";}
else if(r==4){
document.form_a.text1.value="末吉!こんなものかな";}
else{
document.form_a.text1.value="凶・・気をつけないと";}
}
acDate=new Date();
myHour=acDate.getHours();
function init(){
if (myHour<=17){
document.form_a.text1.value="今日の運勢は?!"
}
else {
document.form_a.text1.value="明日の運勢は?!"
}
}
window.onload=init;
// -->
</SCRIPT>
<BODY>
<FORM NAME="form_a">
<INPUT TYPE="BUTTON" VALUE="おみくじ" onClick='omikuji()'>
<INPUT TYPE="TEXT" NAME="text1">
</FORM>
</BODY>
</HTML>
参考になれば。
ありがとうございました。
やりたいことがあったので、わけもわからず始めたのですが、1つ目はうまくいったもののこちらは全くでした。基本がわかっていないため、教えていただいたものと良く見比べて勉強します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
追加ボタンを押した際に ok ボ...
-
オンクリックで現在時刻の取得→...
-
文字列をテキストフィールドに...
-
セレクトメニューの選択によっ...
-
if文で質問です。
-
フォームの要素同士の足し算
-
マウスカーソルの変更
-
数値以外はテキストボックスに...
-
金額に3桁ごとにカンマを入れた...
-
「ボタン」の幅の長さ
-
Javascriptのボタンで
-
ひとつのボタンでタイマーを動...
-
return trueとreturn falseの用...
-
<JavaScript>tableタグを入力不...
-
【javascript・PHP】プルダウン...
-
プルダウン 項目が多いので先頭...
-
HTMLコンボボックスへの項目追加
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
javaScriptの変数をJavaの変数...
-
クリックさせたいが、click()が...
-
onclickが動作しない
-
formのfileの値をhiddenでも持...
-
innerHTML内では改行は禁止?
-
追加ボタンを押した際に ok ボ...
-
ボタンかリンクをクリックする...
-
JQueryでfunctionに引数としてI...
-
JavaScriptのfileオブジェクト...
-
JSのボタンを複数う使うには
-
クリックでテーブル内の背景色...
-
VB.NETで<Input>タグ、<text...
-
ブラウザの外にあるマウスの情...
-
jQueryでshow/hideが上手く行か...
-
onClickがinput type="image"だ...
-
【javascript】ボタンクリック...
-
開いた子ウィンドウにあるボタ...
-
javascriptで作成されたテーブ...
-
jQueryで設定したイベントハン...
おすすめ情報