JavaScriptでHTMLに表示するtableを作る! 完成形はこんな感じ codepenから直接コード見られます。 tableを作るのに使う要素 document.write('xx') <tr></tr> <th></th> <td></td> for(var hoge=1; hoge <= 9; hoge++){document.write('<xx>'+ hoge +' </xx>');} ※ '<xx></xx>'は繰り返すtr,th,tdが入ります。 ※ hogeは仮の名前です。特に意味のないclassや変数名をつける時使います。 実際のコード そのコードでどのようなことがしたいのかがわかるよう、かなりコード内で説明してます。 先に備考 * <table></table>のタグはあえてscriptタグに入れていません。<table><script>...<script></
![【初心者向け】JavaScriptのfor文でHTMLに表示する九九表を作る! - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b7c103224da925aacfb2b86329dc9afdc5982a67/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwJUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUU1JTkwJTkxJUUzJTgxJTkxJUUzJTgwJTkxSmF2YVNjcmlwdCVFMyU4MSVBRWZvciVFNiU5NiU4NyVFMyU4MSVBN0hUTUwlRTMlODElQUIlRTglQTElQTglRTclQTQlQkElRTMlODElOTklRTMlODIlOEIlRTQlQjklOUQlRTQlQjklOUQlRTglQTElQTglRTMlODIlOTIlRTQlQkQlOUMlRTMlODIlOEIlRUYlQkMlODEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTJmMTVkMTQ4OTBhNDVjNjYxYTNhNTM4ZGNlM2FiNGFi%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoYXJpYm9vb29vbSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NzYwODYwNmJhNTlhMjIzYjQ5NTEwNjI3MWFkNzY0MjM%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D31f9bc19df346d6b312f7dd81edb6a62)