B03 文字をクリックしたら質問を出し、答えによってダイアログを出す

ここでは文字がクリックされるとOK/キャンセル(YES/NO)の確認のダイアログを出します。その後OK/キャンセルの選択結果による処理をalert文で書き出します。OKを選ぶとtrue、キャンセルはfalseを返しますので、if()文でtrue/falseそれぞれの場合の処理を分けて記述しておきます。

応用:
if()文の{ }の中の命令をalert()文以外に取り替えて使ってください。alert()の括弧の中の文章も好きな言葉に取り替えればいろいろな用途に使えます。
参照: javascript, onClick, if( ){ }else{ }, confirm(), alert(),

Sample

問題 1 : 牛久大仏のおもさは4000トンです。

Source

ソース
(コピーしてお使いください)

<html>
<head>
<title></title>
</head>
<body>

問題 1 : <a href="javascript:void(0)"

  onClick="

    if( confirm('牛久大仏のおもさは4000トン?。\nこれは正解? YES=OK')
        == true ){

      alert('正解(^^)/ 6000枚の青銅(ブロンズ)板で作られています')

    } else {

      alert('残念でした(^^;;')

    }

  ">
牛久大仏のおもさは4000トンです。
</a>

</body>
</html>

<a href="javascript:命令文">文章</A>で文章をクリックしたら"命令文"を実行します。ここでは、何もしないvoid(0)という特殊な命令を実行しています。つまり、クリックしても何もしません
onClick="命令文"でクリックしたら"命令文"を実行するという意味です if( xx == true ){ "命令文" }else{ "命令文" }は、もしxxがtrueなら最初の"命令文"を実行し、違ったら後の"命令文"を実行するという意味です。この場合、if( confirm("xxx") ){ "命令文" }else{ "命令文" }という風に==trueを省略してもokです
confirm("文章")は"文章"の入ったYES/NOダイアログを表示しOK(YES)ならtrue、キャンセル(NO)ならfalseを返します
\nは改行の意味です
alert("文章")で"文章"の入ったダイアログを表示します

Contents

| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)

Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi