某某无忧的面试题，使用 js 在界面上绘制倒等腰三角形

使用 js 在界面上绘制如下内容。要求如下：

          (1) 如果乘积为奇数则对应的矩形背景色为绿色

          (2) 如果乘积为偶数则对应的矩形背景为红色

          (3)不使用 table，整体形状为倒等腰三角形

 

1、代码

<div id="show"></div>

    <script>
        for (var i = 9; i >= 1; i--) {
            for (var j = 1, str = '<div align="center">'; j <= i; j++) {
                if ((i * j) % 2 === 0) {
                    str += '<span style="background:red;border:1px solid black">' + j + '*' + i + '=' + i * j + '</span>'
                } else {
                    str += '<span style="background:green;border:1px solid black">' + j + '*' + i + '=' + i * j + '</span>'
                }
            }
            str += '</div>'
                // console.log(str)
            show.innerHTML += str
        }
    </script>

2、分析

这道题主要考的是字符串的拼接以及innerHTML的运用。