忍者ブログ

からすまる日誌 JavaScript

応用2(3) トランプのシャッフル(2)

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

応用2(3) トランプのシャッフル(2)

サクラエディタ
行を選択状態→置換→その行の文字が置換できる
 
そのあと黄色で選択された状態を消すのはここ 
 
--->とりあえずここまで
 
test2.js
 
$(function(){
var cards = [
 '♠A','♠2','♠3','♠4','♠5','♠6','♠7','♠8','♠9','♠10','♠J','♠Q','♠K',
 '♥A','♥2','♥3','♥4','♥5','♥6','♥7','♥8','♥9','♥10','♥J','♥Q','♥K',
 '♣A','♣2','♣3','♣4','♣5','♣6','♣7','♣8','♣9','♣10','♣J','♣Q','♣K',
 '♦A','♦2','♦3','♦4','♦5','♦6','♦7','♦8','♦9','♦10','♦J','♦Q','♦K'
];
//console.log(cards[50]);
$('#btn').on('click',function(){
console.log('hello');
//シャッフルする
var temp; //臨時格納
var r1,r2;
for (var i=0; i<300; i++){
 r1 = Math.floor(Math.random()*cards.length);//一つ目の交換場所
 r2 = Math.floor(Math.random()*cards.length);//2つめの
 temp = cards[r1];
 cards[r1] = cards[r2];
 cards[r2] = temp;
}
console.log([cards]);
});
});
 

通常、配列そのものを吐き出すことはできないが
consoleはそれができる
 
console.log([cards]);
 
これでいい。
 

 
カードがハートかダイヤだったときは赤くする(自分の回答)
 
--->test2.js
 
 
$(function(){
var cards = [
 '♠A','♠2','♠3','♠4','♠5','♠6','♠7','♠8','♠9','♠10','♠J','♠Q','♠K',
 '♥A','♥2','♥3','♥4','♥5','♥6','♥7','♥8','♥9','♥10','♥J','♥Q','♥K',
 '♣A','♣2','♣3','♣4','♣5','♣6','♣7','♣8','♣9','♣10','♣J','♣Q','♣K',
 '♦A','♦2','♦3','♦4','♦5','♦6','♦7','♦8','♦9','♦10','♦J','♦Q','♦K'
];
$('#btn').on('click',function(){
console.log('hello');
//シャッフルする
var temp; //臨時格納
var r1,r2;
for (var i=0; i<300; i++){
 r1 = Math.floor(Math.random()*cards.length);//一つ目の交換場所
 r2 = Math.floor(Math.random()*cards.length);//2つめの
 temp = cards[r1];
 cards[r1] = cards[r2];
 cards[r2] = temp;
}
console.log([cards]);
//出力
$('#stage').empty();
for (var i=0; i<5; i++){ //5枚取り出す
 var ele = $('<div>').text(cards[i]); //変数eleに格納
 var mark = cards[i].slice(0,1);
 console.log(mark);
 if (mark == "♥" || mark == "♦"){
  var ele = $('<div>').text(cards[i]).css('color','red'); //cssを追加、colorをredに
 }else{
  var ele = $('<div>').text(cards[i]);
 }
 $('#stage').append(ele);
}
});
});
 
 
文字色をcssで指定するときはcolor(fontColorじゃないよ)
文字色をredとか指定するときは、16進数じゃあないので、#はいらないよ。
 
var ele = $('<div>').text(cards[i]).css('color','red');

が正しい記述になる。
PR

コメント

ただいまコメントを受けつけておりません。

ブログ内検索

P R