sakeota score 13
2017/11/04 18:13 投稿
| javascriptでジャンケンゲーム（勝敗の表示） |
| javascriptの練習としてジャンケンゲームを作っています。 |
| 入力フォームに |
| ①「グー、チョキ、パー」のいづれかをクリックすると、 |
| ②①に反応して、乱数で「グー、チョキ、パー」のいづれかが表示され、 |
| ③①と②の値に応じて、勝敗を表示させたいです。 |
| 今のところ、①②までは出来たのですが、③の部分で、②で表示された値の定義、渡し方がうまくいきません。 |
| js部分の②の値の渡し方について、アドバイスいただけると助かります。 |
| ```ここに言語を入力 |
| html |
| <!DOCTYPE html> |
| <html lang="ja"> |
| <head> |
| <meta charset="utf-8"> |
| <title>じゃんけん</title> |
| <link rel="stylesheet" href="css/styles2.css"> |
| </head> |
| <body> |
| <div> |
| <label for="janken">ジャンケン</label> |
| <input type="text" id="janken" /> |
| </div> |
| <div class="button" |
| <div class="button" > |
| <button type="submit" id="btnclient">ポン！</button> |
| </div> |
| <div id="btnresult">?</div> |
| <p id="result"> |
| <script src="js/main2.js"></script> |
| </body> |
| </html> |
| ``` |
| ``` |
| ```javascript |
| (function(){ |
| 'use strict'; |
| var btnclient= document.getElementById('btnclient'); |
| var btnresult= document.getElementById('btnresult'); |
| var result= document.getElementById('result'); |
| var jankenForm = document.getElementById('janken'); |
| var jan |
| var janpon = jankenForm.value; |
| var resultForm = document.getElementById('btnresult'); |
| |
| btnclient.addEventListener('click', function(){ |
| var n= Math.random(); |
| if(n<0.33){ |
| btnresult.innerHTML ='グー'; |
| }else if(n<0.67){ |
| btnresult.innerHTML = 'チョキ'; |
| }else{ |
| btnresult.innerHTML = 'パー'; |
| } |
| // var n= Math.random(); |
| // if(n<0.33){ |
| // btnresult.textContent ='グー'; |
| // }else if(n<0.67){ |
| // btnresult.textContent = 'チョキ'; |
| // }else{ |
| // btnresult.textContent = 'パー'; |
| // } |
| var shape; |
| var n; |
| if (n < 1 / 3) { |
| shape = 'グー'; |
| } else if (n < 2 / 3) { |
| shape = 'チョキ'; |
| } else { |
| shape = 'パー'; |
| } |
| btnresult.innerHTML = shape; |
| if( |
| if(shape == "パー" && janken =="チョキ"){ |
| result.innerHTML = "勝ち！" |
| } else{ |
| } else if (shape == "グー" && janken =="パー") |
| {result.innerHTML = "勝ち！"} |
| else if (shape == "チョキ" && janken =="グー") |
| {result.innerHTML = "勝ち！"} |
| else if (shape == "パー" && janken =="グー") |
| {result.innerHTML = "負け！"} |
| else if (shape == "グー" && janken =="チョキ") |
| {result.innerHTML = "負け！"} |
| else if (shape == "チョキ" && janken =="パー") |
| {result.innerHTML = "負け！"} |
| else{ |
| result.innerHTML = "あいこ" |
| } |
| |
| // var btnResult = resultForm.value; |
| }); |
| jankenForm.addEventListener('click', function(){ |
| this.select(); |
| }); |
| })(); |
| ``` |
