- 締切済み
JavaScriptで九九
繰り返し処理を用いて画像のように表示させたい場合はどこを修正すればいいですか？ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>九九</title> </head> <body> <script> for (var i = 1; i <= 9; i++) { for (var j = 1; j <= 9; j++) { document.write(`${i} * ${j} = ${i*j}<br/>`); } } </script> </body> </html>
- OBAKEI
- お礼率0% (7/4953)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- fji-jp
- ベストアンサー率84% (11/13)
画像のように表示させるために、固定フォント設定とリテラルを修正しました。 ■リテラルの修正箇所 ・九九表の縦横が違っていたので、iとjを入替修正 ・乗算後、1桁と2桁が混在するので、適宜スペースを追加 ・乗数が9のときに改行タグを出力するように修正 ■<head>に追加 <style>* {font-family:"Courier New", Consolas, monospace;}</style> ■document.write行の差し替え document.write(`${j}*${i}=${j*i} ${j>=2&&i*j<10?' ':''}${j==9?'<br/>':''}`);
- watanabe04
- ベストアンサー率18% (295/1598)
for (var i = 1; i <= 9; i++) { for (var j = 1; j <= 9; j++) { document.write(`${i} * ${j} = ${i*j}<br/>`); } } を for (var i = 1; i <= 9; i++) { for (var j = 1; j <= 9; j++) { document.write(`${i} * ${j} = ${i*j}`); } document.write(`<br/>`); }
