サクラエディタ
行を選択状態→置換→その行の文字が置換できる
そのあと黄色で選択された状態を消すのはここ
--->とりあえずここまで
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');
が正しい記述になる。