質問編集履歴

1 最新のコードを全て記載しました。

sakeota

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" id="btnclient">
   <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 janken = jankenForm.value;
   var janpon = jankenForm.value;
   var resultForm = document.getElementById('btnresult');
   var btnResult = resultForm.value;
   
   
   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(btnResult = "パー" && janken ="チョキ"){
       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();
       });
})();
```
  • JavaScript

    37484 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る