こんにちは。
今回はメソッドの作成を学習していました。
まずはこちら。
ドットインストールで学習しながら書いたコードです。
http://dotinstall.com/lessons/omikuji_js
function getOmikuji(){
var omikuji = ["大吉","中吉","小吉","凶"] ;
var result = Math.floor(Math.random() * omikuji.length) ;
//alert(omikuji[result]) ;
document.getElementById('result').innerHTML = omikuji[result] ;
}
ここからは自分なりに。
外部ファイルから読み込むことにしたので、
HTMLのinputタグの中に onclick="getOmikuji()"と記載。
結果もHTML上で表示させたいので、こう。
<h1>おみくじ</h1>
<p>あなたの運勢は・・・<span id="result"></span></p>
<input type="button" value="うんせいは?" onclick="getOmikuji() ;">
ここまではOKで普通に表示も可能。
現在悩んでいるのはうまくいかないこのコード
function randumNum(){
var num ;
for(var i = 0; i < 10; i++){
num = Math.random() ;
document.getElementById(num).innerHTML ;
}
}
<h1>乱数</h1>
<p>こんかいは・・・<span id="num"></span></p>
<input type="button" value="数値の表示" onclick="randumNum() ;">
これがどうもうまくいかない。
JSの部分
document.getElementById(num).innerHTML ;
を
alert(num) ;
にすると10回表示されるのだが、上だとボタン押しても何も反応を示さず。
未解決メモ。
とりあえずひきつづき調査。
Qiitaは質問とかしてもいいんでしょうかね。
ブログだから別の質問サイトにするべきか。
それでは、これからもこんな駆け出しPGをよろしくお願いいたします。
(自己学習につながるので読むのも書くのもはまってきてしまいました)