5
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【JavaScript】【解決】メソッドの作成

Last updated at Posted at 2013-11-27

こんにちは。
今回はメソッドの作成を学習していました。

まずはこちら。
ドットインストールで学習しながら書いたコードです。
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をよろしくお願いいたします。
(自己学習につながるので読むのも書くのもはまってきてしまいました)

5
8
6

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?