JavaScriptの練習なのですが、いろいろ触っていると背景色を変更できなくなってしまって困惑しています。
エラーを自分で見つけれたらいいのですが、、
コンソールを開いても何も記載されていませんでした。
セミコロン忘れとかでしょうか?
本来であれば1秒たって更新をすれば背景色が変更される予定です。
練習ですので内容は適当です。
ご指摘お願いますm(..)m
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="Content-Script-Type"> 6 <title>Document</title> 7 <script> 8 <!-- 9 function check() { 10 for ( i=0; i<document.form1.length; i++) { 11 if (document.form1.elements[i].value=="") { 12 alert("全部入力してください"); 13 return false; 14 } 15 } 16 return true; 17 } 18 document.fgColor="black"; 19 col=new Array(); 20 col[0]="red"; 21 col[1]="blue"; 22 col[2]="yellow"; 23 col[3]="green"; 24 col[4]="gray"; 25 n=Math.floor(Math.random()*col.length); 26 document.bgColor=col[n]; 27 b=new Array(1,2,3); 28 document.write(b[0]+b[2],"<br>"); 29 document.write("ドメインは",document.domain,"<br>"); 30 document.write("タイトルは",document.title,"<br>"); 31 document.write("最終更新は",document.lastModified,"<br>"); 32 x = 5; 33 a="aa11"; 34 num=parseInt(a); 35 document.write(num); 36 document.write((b=6)+1); 37 point=90; 38 result=(point>75)?"合格 ":"不合格 "; 39 document.write(result); 40 document.write(100/0); 41 dd=new Date(); 42 seconds=dd.getSeconds(); 43 if (seconds%3==0) { 44 document.write("3で割り切れます。"); 45 } else if (seconds%2==0) { 46 document.write("偶数秒です。"); 47 } else { 48 document.write("どちらでもないです。"); 49 } 50 w=1; 51 while(w<5){ 52 document.write("<br>",w); 53 w++; 54 } 55 for ( i = 1; i <= 5; i++) { 56 document.write("<br>こんにちは"); 57 } 58 for ( j = 1; j <= 9; j++) { 59 document.write("<br>",j,"の位<br>"); 60 for ( i = 1; i <= 9; i++) { 61 document.write(j,"*",i,"=",j*i,"<br>"); 62 } 63 } 64 //--> 65 </script> 66 </head> 67 <body> 68<form action="" method="get" name="form1" onsubmit="return check()"> 69 <input type="text" name="name"><br> 70 <input type="text" name="name"><br> 71 <input type="submit" name="送信"><br> 72 <input type="reset" name="リセット"> 73</form> 74<noscript>none javascript...</noscript> 75</body> 76</html>
追記
このソースでの挙動を確認したいのが、
・背景色の変更
・更新ごとに背景色の変更されていくこと
です。
いろいろさわる前は上記2つは確認できたのですが、
さわることで確認できなくなってしまい、、
ちなみにこれの少し前の確認できるものがこれです。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="Content-Script-Type"> 6 <title>Document</title> 7</head> 8<body onload="defaultStatus='color'"> 9<input type="button" value="ボタン" onclick="document.bgColor='blue';" ondblclick="document.bgColor='#ccc';"><br> 10<form action="" method="get" accept-charset="utf-8" name="form1" onsubmit="return check()"> 11 <input type="text" name="name"><br> 12 <input type="submit" name="送信"><br> 13</form> 14<script> 15 <!-- 16 function check() { 17 for ( i = 0; i < document.form1.length; i++) { 18 if (document.form1.elements[i].value == "") { 19 alert("全部入力してください"); 20 return false; 21 } 22 } 23 return true; 24 } 25 document.forms[0].length; 26 document.fgColor="black"; 27 col=new Array(); 28 col[0]="red"; 29 col[1]="blue"; 30 col[2]="yellow"; 31 col[3]="green"; 32 col[4]="gray"; 33 n=Math.floor(Math.random()*col.length); 34 document.bgColor=col[n]; 35// setInterval("document.bgColor=col[n];",1000); 36// confirm("ダウンロードしますか?"); 37// prompt("お名前は?","しおり"); 38// window.open("https://www.google.co.jp/","new","toolbar=1"); 39/* 40 fuku=window.prompt("福引"); 41 switch(fuku){ 42 case "7": 43 document.write("おめでとう"); 44 break; 45 case "5":case "2": 46 document.write("おしい"); 47 break; 48 default: 49 document.write("はずれ"); 50 break; 51 } 52*/ 53 b=new Array(1,2,3); 54 document.write(b[0]+b[2],"<br>"); 55 document.write("ドメインは",document.domain,"<br>"); 56 document.write("タイトルは",document.title,"<br>"); 57 document.write("最終更新は",document.lastModified,"<br>"); 58 x = 5; 59 a="aa11"; 60 num=parseInt(a); 61 document.write(num); 62 document.write((b=6)+1); 63 point=90; 64 result=(point>75)?"合格 ":"不合格 "; 65 document.write(result); 66 document.write(100/0); 67 dd=new Date(); 68 seconds=dd.getSeconds(); 69 if (seconds%3==0) { 70 document.write("3で割り切れます。"); 71 } else if (seconds%2==0) { 72 document.write("偶数秒です。"); 73 } else { 74 document.write("どちらでもないです。"); 75 } 76 w=1; 77 while(w<5){ 78 document.write("<br>",w); 79 w++; 80 } 81 for ( i = 1; i <= 5; i++) { 82 document.write("<br>こんにちは"); 83 } 84 for ( j = 1; j <= 9; j++) { 85 document.write("<br>",j,"の位<br>"); 86 for ( i = 1; i <= 9; i++) { 87 document.write(j,"*",i,"=",j*i,"<br>"); 88 } 89 } 90 //--> 91</script> 92<br> 93<form action="" method="get" accept-charset="utf-8" name="form1" onsubmit="return check()"> 94 <input type="text" name="name"><br> 95 <input type="submit" name="送信"><br> 96</form> 97<noscript>none javascript...</noscript> 98</body> 99</html>
さらに追記
すみません、言い方に間違いがあったみたいでした。
n=Math.floor(Math.random()*col.length);
で変更処理をしようとしています、ができません。
回答4件
あなたの回答
tips
プレビュー