js_practice_1.html 643 B

12345678910111213141516171819202122232425262728293031323334
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>乘法口诀表</title>
  6. <style>
  7. table {
  8. border: 730px;
  9. border-collapse: collapse;
  10. margin: 0 auto;
  11. }
  12. td {
  13. border: 1px solid black;
  14. width: 80px;
  15. text-align: center;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <script>
  21. +function showTable() {
  22. document.write('<table>')
  23. for (let i = 1; i <= 9; i += 1) {
  24. document.write('<tr>')
  25. for (let j = 1; j <= i; j += 1) {
  26. document.write('<td>')
  27. document.write(`${j}&times;${i}=${j * i}`)
  28. document.write('</td>')
  29. }
  30. document.write('</tr>')
  31. }
  32. }()
  33. </body>
  34. </html>