Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Лабараторная работа 1. Задание 3.</title>
        <style>
        tr td{
            width:50px;
            height:50px;
        }

        .blue{
            background-color:blue;
        }

        .red{
            background-color:red;
        }
        </style>
    </head>
    <body>
        <script>
            var n = 10;
            var s;
            var FirstClassCount = 1;
            var SecondClassCount = 0;
            var FirstClass = "blue";
            var SecondClass = "red";
            var answer = parseInt(prompt("Выберите 1 или 2 вариант"));
            document.write("<table>");

            for(i = 0;i < n;i++){
                document.write("<tr>");


                for(j =0; j<n;j++){

                    switch(answer){
                    default:
                    case 1:
                        if(j<=i)
                            s = FirstClass;
                        else
                            s = SecondClass;

                        break;

                    case 2:

                        if(FirstClassCount < 2)
                        {
                            s = FirstClass;
                            FirstClassCount++;
                            SecondClassCount = 0;
                        }
                        else{
                            s = SecondClass;
                            SecondClassCount ++;
                            FirstClassCount = 0;

                        }

                        break;
                    }

                    document.write("<td class='" + s + "'></td>");
                }

                document.write("</tr>");
            }

            document.write("</table>");
        </script>
    </body>
</html>