Skip to content

Instantly share code, notes, and snippets.

View kaoru-fukusato's full-sized avatar

かおちんサポート・メモ帳 kaoru-fukusato

View GitHub Profile
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript あれこれチェック
Created March 13, 2018 03:54
コピペで学べるプログラミング基本2-1
<script type="text/javascript"><!--
function myCheck(){
myCnt = 0; // チェックした数
for ( i=0; i<document.myForm.length-1; i++ ){ // チェックボックスの数分ループ
if ( document.myForm.elements[i].checked == true ){ // チェックはオンか?
myCnt++; // チェック数 加算
}
}
if ( myCnt == 0 ) myMess = "正常"; // チェックは 無し(ゼロ)
else if ( myCnt <= 2 ) myMess = "ちょヤバ"; // チェックは 1以上2以下
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript 別ウィンドウ(別タブ)リンク
Created March 13, 2018 04:05
コピペで学べるプログラミング基本2-2
/*HTML1*/
<a href="リンク先のURL" target="_blank">アンカーテキスト</a>
/*HTML2*/
<a href="リンク先のURL"><img src="画像のファイル名(保存場所)" alt="画像の説明文"></a>
/*javascript*/
<form>
ここは、おすすめ! →
<input type="button" value="Home Page" onclick="window.open('http://www.netshop.okinawa/')">
</form>
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript 文をランダムに表示する
Created March 13, 2018 04:09
コピペで学べるプログラミング基本2-3
<script type="text/javascript"><!--
myMes = new Array( // あいさつ文の設定
"A HAPPY NEW YEAR!",
"謹賀新年",
"あけましておめでとうございます",
"今年もよろしくお願いします"
);
myRnd = Math.floor( Math.random() * myMes.length ); // 0~(myMes.length-1)の乱数を求める
document.write( myMes[myRnd] ); // あいさつ文を表示する
// --></script>
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript 文字を点滅させる
Created March 13, 2018 04:17
コピペで学べるプログラミング基本2-4
<script type="text/javascript"><!--
myFlg = 0;
function myFunc(){
if (myFlg == 0){
document.myForm.myFormMes.value = "いらっしゃいませ!";
myFlg = 1;
}else{
document.myForm.myFormMes.value = "";
myFlg = 0;
}
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript 目次を呼ぶ プルダウン
Created March 13, 2018 04:23
コピペで学べるプログラミング基本2-5
<script type="text/javascript"><!--
function myGo(){
mySelect = document.myForm.myMenu.selectedIndex;
location.href = document.myForm.myMenu.options[mySelect].value;
}
// --></script>
<form name="myForm">
<select name="myMenu">
<option value="http://#/">☆☆ HTML JavaScript講座 目次 ☆☆
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript 移動ボタン
Last active March 13, 2018 04:32
コピペで学べるプログラミング基本2-6
<form>
<input type="button" value="戻る" onclick="history.back()">
<input type="button" value="更新" onclick="location.reload(true)">
<input type="button" value="進む" onclick="history.forward()">
<input type="button" value="トップページへ" onclick="location.href='#'">
</form>
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript 今日は何の日
Created March 13, 2018 04:35
コピペで学べるプログラミング基本2-7
<script type="text/javascript"><!--
myTbl = new Array( // 行事テーブル(月,日,メッセージ)
1, 1,"元旦",
1,14,"成人の日",
2,11,"建国記念の日",
4,29,"みどりの日",
5, 3,"憲法記念日",
5, 4,"国民の日",
7,20,"海の日",
9,15,"敬老の日",
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript 来年までをカウントダウンする
Created March 13, 2018 04:40
コピペで学べるプログラミング基本2-8
<script type="text/javascript"><!--
function myFunc(){
myD = new Date(); // 現在時刻 取得
myYear = myD.getFullYear(); // 今年の '年'
myNextYear = new Date( myYear+1 , 0 , 1 ); // 来年の1月1日の経過秒を取得
myMsec = myNextYear.getTime() - myD.getTime(); // 来年1月1日 と現在の差(ミリ秒)
myNextDay = Math.floor ( myMsec / (1000*60*60*24) ); // '日' を計算
myMsec -= ( myNextDay * (1000*60*60*24) ); // 経過秒から '日' を引く
myNextHour = Math.floor ( myMsec / (1000*60*60) ); // '時' を計算
myMsec -= ( myNextHour * (1000*60*60) ); // 経過秒から '時' を引く
@kaoru-fukusato
kaoru-fukusato / HTML JavaScriptで英単語のお勉強をする
Created March 13, 2018 04:46
コピペで学べるプログラミング基本2-9
<script type="text/javascript"><!--
myQA = new Array( // 問題テーブル
"飛行機" , "plane",
"船" , "ship",
"汽車" , "train",
"車" , "car",
"自転車" , "bicycle",
"川" , "river",
"山" , "mountain",
"道路" , "road",
@kaoru-fukusato
kaoru-fukusato / HTML JavaScript minirotoを予想する
Created March 13, 2018 04:51
コピペで学べるプログラミング基本2-10
ミニロトを乱数アルゴリズムで予想する<BR><BR>
こんなの でましたぁ~ →
<script type="text/javascript"><!--
myData = new Array(31);
for (i=0; i<31; i++) myData[i] = i+1; // myData[0~30] に 1~31を順次セット
for (i=0; i<500; i++){ // 500回 myData の内容をシャッフルする
myA = Math.floor( Math.random() * 31 ); // 0~30 を決める
myB = Math.floor( Math.random() * 31 ); // 0~30 を決める
myBackup = myData[myA]; // myData の myA番目とmyB番目の内容を入れ替える
myData[myA] = myData[myB];