teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

追加

2019/08/06 08:32

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -1,6 +1,24 @@
1
1
  ちょっと意味がわからないので的外れだったらすみません。
2
2
  まず、乱数発生部分ですが特別な意図がなければ`var sum = Math.floor( Math.random() * 10) ;`で良いのでは?
3
3
  で本題で`return "<span style=color:red;>大吉</span>";`という風に指定すれば良いのでは?
4
-
4
+ ```HTML
5
+ <div id="id"></div>
6
+ <button id="btn"></button>
7
+ ```
8
+ ```Javascript
9
+ document.getElementById('btn').onclick = function(){
10
+ function func(){
11
+ var sum = Math.floor( Math.random() * 10) ;
12
+ if(sum == 0){
13
+ retuen "<span style=color:red;>[大吉とか?]</span>";
14
+ }else if(sum == 1){
15
+ return "中吉";
16
+ }else{
17
+ return "吉";
18
+ }
19
+ }
20
+ document.getElementById("id").innerHTML = func();
21
+ }
22
+ ```
5
23
  [Codepen - ソース](https://codepen.io/asuchi0819/pen/VoydqX?editors=1010)
6
24
  [Codepen - フルビュー](https://codepen.io/asuchi0819/debug/VoydqX/auth)

1

追加

2019/08/06 08:32

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -1,3 +1,6 @@
1
1
  ちょっと意味がわからないので的外れだったらすみません。
2
2
  まず、乱数発生部分ですが特別な意図がなければ`var sum = Math.floor( Math.random() * 10) ;`で良いのでは?
3
- で本題で`return "<span style=color:red;>大吉</span>";`という風に指定すれば良いのでは?
3
+ で本題で`return "<span style=color:red;>大吉</span>";`という風に指定すれば良いのでは?
4
+
5
+ [Codepen - ソース](https://codepen.io/asuchi0819/pen/VoydqX?editors=1010)
6
+ [Codepen - フルビュー](https://codepen.io/asuchi0819/debug/VoydqX/auth)