Auto Commit

2f1534e0 · weixin_67016521 · dd4417a5 · 2f1534e0 · 2f1534e0 · 2f1534e0
隐藏空白更改
内联并排

Showing with 21 addition and 0 deletion

index.html index.html +1 -0

script.js script.js +14 -0

style.css style.css +6 -0

未找到文件。
--- a/index.html
+++ b/index.html
@@ -8,6 +8,7 @@
  <link href="style.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
+  <div id = "score" class="score"></div>
  <div id="result">
    <div id="players">
      <div id="player-icon" class="player"></div>

--- a/script.js
+++ b/script.js
 // 定义变量，记录双方出拳
 let playerChoice = "";
 let computerChoice = "";
+var wins = 0;
+var losts = 0;
+var draws=0;
+var rate = 0;

 // 定义函数，用于电脑出拳
 function computerPlay() {
@@ -44,15 +48,25 @@ function emojiOf(choice) {

 function determineOutcome(playerChoice, computerChoice) {
  if (playerChoice === computerChoice) {
+    draws++;
+    rate = (wins/(wins+losts)).toFixed(3);
+    document.getElementById("score").innerHTML = "😊 wins:  "+(wins).toString()+"     🤖️ wins:  "+ losts.toString()+"      odds: "+rate.toString();
    return " draw ";
  } else if (
    (playerChoice === "scissors" && computerChoice === "paper") ||
    (playerChoice === "rock" && computerChoice === "scissors") ||
    (playerChoice === "paper" && computerChoice === "rock")
  ) {
+    wins++;
+    rate = (wins/(wins+losts)).toFixed(3);
+    document.getElementById("score").innerHTML = "😊 wins:  "+(wins).toString()+"     🤖️ wins:  "+ losts.toString()+"      odds: "+rate.toString();
    return "😊 wins !";
  } else {
+    losts++;
+    rate = (wins/(wins+losts)).toFixed(3);
+    document.getElementById("score").innerHTML = "😊 wins:  "+(wins).toString()+"     🤖️ wins:  "+ losts.toString()+"      odds: "+rate.toString();
    return "🤖️ wins !";
  }
+
 }

--- a/style.css
+++ b/style.css
@@ -8,6 +8,12 @@ body {
  justify-content: center;
 }

+score{
+  position: absolute;
+  top:10px;
+  left: 10px;
+}
+
 button {
  font-size: 3rem;
  margin: 10px;