質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

2276閲覧

javascriptで数字表の三の倍数の数字をifを使い色を変えたいです。

hrb

総合スコア2

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

1クリップ

投稿2021/12/29 08:06

前提・実現したいこと

Javascriptで0から99までの文字が並んだ表をつくり、三の倍数と三のつく数字の色を変えて表示させたいのですが、表が完成したところで色を変える方法がわかりません。
ifを使い数字を3で割り余りが〇の数字を対象に色を変えるという理屈まではわかっています。

該当のソースコード

<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>数字表</title> <link rel="stylesheet" href="javascript.css"> </head> <body> <div class="container"> <table class="border" border="1"> <script> document.write('<tr>'); for (var i = 0; i <= 9; i++) { document.write('<td>' + i + '</td>'); } document.write('</tr>'); for (var j = 1; j <= 9; j++) { document.write('<tr>'); for (var k = 0; k <= 9; k++) { document.write('<td>' + j + k + '</td>'); } document.write('</tr>'); } </script> </div> </body> </html>
ソースコード ```Javascript ### 試したこと ifを使い、色を変えることを何回か試しましたが、三の倍数と三の付く数字の対象の取り方と色の変え方がわかりません。 ここに問題に対して試したことを記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

先頭行だけ別ループになっていたのは合わせました。

javascript

1<script> 2 for (var j = 0; j <= 9; j++) { 3 document.write('<tr>'); 4 for (var k = 0; k <= 9; k++) { 5 var num = j * 10 + k; 6 if ((num % 3 === 0)) { 7 document.write('<td style="color: red;">' + num + '</td>'); 8 } else { 9 document.write('<td>' + num + '</td>'); 10 } 11 } 12 document.write('</tr>'); 13 } 14</script>

投稿2021/12/29 08:43

umau

総合スコア831

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

html

1<!doctype html> 2<html lang="ja"> 3 4<head> 5<meta charset="UTF-8"> 6<title>数字表</title> 7<link rel="stylesheet" href="javascript.css"> 8</head> 9 10<body> 11<div class="container"> 12<table class="border" border="1"> 13<script> 14 var col = ["#ee0000","#00ee00"]; 15document.write('<tr>'); 16for (var i = 0; i <= 9; i++) { 17document.write('<td bgcolor='+((i%3===0 || i.toString().indexOf('3') !== -1)?col[0]:col[1])+'>' + i + '</td>'); 18} 19document.write('</tr>'); 20for (var j = 1; j <= 9; j++) { 21document.write('<tr>'); 22for (var k = 0; k <= 9; k++) { 23 var val = j*10+k; 24document.write('<td bgcolor=' + ((val % 3 === 0 || val.toString().indexOf('3') !== -1) ? col[0] : col[1]) + '>' + j + k + '</td>'); 25} 26document.write('</tr>'); 27} 28</script> 29</div> 30</body> 31 32</html>

投稿2021/12/29 08:39

papinianus

総合スコア12705

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問