JavaScript with JQUERY (convert)

本文关键字：convert JQUERY with JavaScript 更新时间：2023-09-26

我需要你们的帮助。我的老师正在教我们Java Script，他给了我们一个在这个Script中使用JQuery的练习。但是我不知道怎么做，因为他只给了我一堂课，我从昨天就开始尝试了，但是我没有成功。请帮帮我。我很抱歉我的英语，但我来自巴西，所以我的英语写得不是很好。

这是我需要使用JQuery的脚本。

<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script>
            function geraAleatorio() {
                var resultado = document.getElementById("resultado");
                var naipe = [];
                naipe[0] = "&clubs;";
                naipe[1] = "&hearts;";
                naipe[2] = "&spades;";
                naipe[3] = "&diams;";
                var valores = [];
                valores[0] = "K";
                valores[1] = "A";
                valores[2] = "2";
                valores[3] = "3";
                valores[4] = "4";
                valores[5] = "5";
                valores[6] = "6";
                valores[7] = "7";
                valores[8] = "8";
                valores[9] = "9";
                valores[10] = "10";
                valores[11] = "Q";
                valores[12] = "J";
                var num = Math.floor((Math.random() * 52) + 1);
                var peso = num % 13; 
                var x = Math.floor(num / 13);
                var r = naipe[x];
                if (num == 13) { 
                    peso = 0; 
                    x = 0;
                } else if (num == 26) {
                    peso = 0;
                    x = 1;
                } else if (num == 39) {
                    peso = 0;
                    x = 2;
                } else if (num == 52) {
                    peso = 0;
                    x = 3;
                }
                resultado.innerHTML = num + "<br>" + valores[peso]+  "&nbsp;" + r;
            } 
        </script>
    </head>
    <body>
        <button onclick="geraAleatorio();">Gerar</button>
        <p id="resultado"></p>
    </body>
</html>

我将其重新制作成jQuery。希望这对你的老师来说足够了。

$('button').on('click',function(e){ //Trigger button click
    e.preventDefault(); //Prevent the default button behavior
    var naipe = ["&clubs;","&hearts;","&spades;","&diams;"];
    var valores = ["K","A","2","3","4","5","6","7","8","9","10","Q","J"];
    var num = Math.floor((Math.random() * 52) + 1);
    var peso = num % 13; 
    var x = Math.floor(num / 13);
    var r = naipe[x];
     if (num == 13) { 
         peso = 0; 
         x = 0;
     } else if (num == 26) {
         peso = 0;
         x = 1;
     } else if (num == 39) {
         peso = 0;
         x = 2;
     } else if (num == 52) {
         peso = 0;
         x = 3;
     }
     
$("#resultado")
.empty() //empty resultado pargraph
.html( num + "<br>" + valores[peso]+  "&nbsp;" + r); //fill resultado paragraph
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>Gerar</button>
        <p id="resultado"></p>

谢谢，你帮了我很多!

$('button').on('click',function(e){ //Trigger button click
    e.preventDefault(); //Prevent the default button behavior
    var naipe = ["&clubs;","&hearts;","&spades;","&diams;"];
    var valores = ["K","A","2","3","4","5","6","7","8","9","10","Q","J"];
    var num = Math.floor((Math.random() * 52) + 1);
    var peso = num % 13; 
    var x = Math.floor(num / 13);
    var r = naipe[x];
     if (num == 13) { 
         peso = 0; 
         x = 0;
     } else if (num == 26) {
         peso = 0;
         x = 1;
     } else if (num == 39) {
         peso = 0;
         x = 2;
     } else if (num == 52) {
         peso = 0;
         x = 3;
     }
     
$("#resultado")
.empty() //empty resultado pargraph
.html( num + "<br>" + valores[peso]+  "&nbsp;" + r); //fill resultado paragraph
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>Gerar</button>
        <p id="resultado"></p>