ここから本文です

jQueryを用い、隣り合うセルの色が異なる九九表を作成してください. 自分で調べな...

lio********さん

2019/8/2009:17:30

jQueryを用い、隣り合うセルの色が異なる九九表を作成してください.
自分で調べなさいなどの返答はすみませんが載せないでください。
質問に回答できるかたお願い致します。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>jQuery</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
/* 課題処理を追加 */
</script>
</head>
<body>
<table id="matrix">
<caption>九九表</caption>
</table>
</body>
</html>

試したこと
for文は理解できるのですが、表自体の作り方、色を交互につける方法が分かりません。
for (var i = 1; i <= 9; i++){
for (var j = 1; j <= 9; j++){
document.write("<p>"+i+ " * " + j + " = " + (i * j) + "<p>");

閲覧数:
38
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

2019/8/2010:39:52

jQuery使わなきゃダメなの?

以下は使ってない例。

使わなきゃダメなら自分でなんとか捻じ込んで。


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>jQuery</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
/* 課題処理を追加 */
</script>
</head>
<body>
<table id="matrix">

<caption>九九表</caption>

<script>
var s = '',c = '';
for (var i = 1; i <= 9; i++){
s = '<tr>'
for (var j = 1; j <= 9; j++){
c = (i + j) % 2 == 0? 'FC0;': '0CF;';
s += '<td style="background-color:#' + c + '">'+ i + ' * ' + j + ' = ' + (i * j) + '</td>'
}
s += '</tr>'
document.write(s);
}
</script>

</table>
</body>
</html>

この回答は投票によってベストアンサーに選ばれました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる