java-development-for-beginners-learnit / 09 - Iteration Statements (Loops) in Java /009 Pyramid in console.html
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Coding Assignment</title> | |
| <style> | |
| body { | |
| font-family: sf pro text, -apple-system, BlinkMacSystemFont, Roboto, segoe ui, Helvetica, Arial, | |
| sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol; | |
| font-weight: 400; | |
| line-height: 22.4px; | |
| font-size: 16px; | |
| } | |
| p, | |
| ul, | |
| ol { | |
| font-size: 16px; | |
| font-weight: 400; | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| font-weight: bold; | |
| } | |
| ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| max-width: none; | |
| } | |
| .code-snippet { | |
| background-color: #fff; | |
| border: 1px solid #d1d7dc; | |
| color: #b4690e; | |
| font-size: 90%; | |
| padding: 0.2rem 0.4rem; | |
| } | |
| .code-block { | |
| background-color: #fff; | |
| color: #b4690e; | |
| font-size: 90%; | |
| } | |
| .black-block { | |
| color: #000000; | |
| } | |
| .italic-text { | |
| font-style: italic; | |
| } | |
| </style> | |
| </head> | |
| <body onload="main()"> | |
| <h1 id="coding-title"></h1> | |
| <div> | |
| <h2>Instructions</h2> | |
| <div id="coding-instructions"></div> | |
| </div> | |
| <div> | |
| <h2>Test(s)</h2> | |
| <div id="coding-tests"></div> | |
| </div> | |
| <div> | |
| <h2>Solution(s)</h2> | |
| <div id="coding-solutions"></div> | |
| </div> | |
| <script> | |
| const quizData = {"title": "009 Pyramid in console", "hasInstructions": true, "hasTests": true, "hasSolutions": true, "instructions": "<ol><li><p>Implement console program which will meet the following requirements:</p><ol><li><p>Program starts and asks user to enter the height of the pyramid.</p></li><li><p>Program draws such picture in console:</p></li></ol></li></ol><p><br>*</p><p>**</p><p>***</p><p>****</p><p>***</p><p>**</p><p>*</p><p>In example above the height of the pyramid is 4</p>", "tests": [{"file_name": "Evaluate.java", "content": "import org.junit.Test;\nimport org.junit.Assert;\nimport com.udemy.ucp.*;\nimport static org.junit.Assert.assertEquals;\n\nimport java.io.ByteArrayInputStream;\nimport java.io.ByteArrayOutputStream;\nimport java.io.InputStream;\nimport java.io.PrintStream;\n\nimport org.junit.After;\nimport org.junit.Before;\nimport org.junit.Test;\n\npublic class Evaluate {\n\tprivate static final String OUTPUT_RESULT_SEPARATOR = \n\t\t\t\"Please, enter height of the pyramid: \";\n\tprivate final ByteArrayOutputStream out = new ByteArrayOutputStream();\n\tprivate final PrintStream originalOut = System.out;\n\n\t@Before\n\tpublic void setStreams() {\n\t\tSystem.setOut(new PrintStream(out));\n\t}\n\n\t@After\n\tpublic void restoreInitialStreams() {\n\t\tSystem.setOut(originalOut);\n\t}\n\t\n\t@Test\n\tpublic void shouldDrawPyramid() {\n\t\tString input = \"3\";\n\t\tInputStream in = new ByteArrayInputStream(input.getBytes());\n\t\tSystem.setIn(in);\n\n\t\tPyramidInConsole.main(new String[] {});\n\t\t\n\t\tString consoleOutput = out.toString().split(OUTPUT_RESULT_SEPARATOR)[1].strip();\n\t\tassertEquals(\"*\" + System.lineSeparator() +\n\t\t\t\t\"**\" + System.lineSeparator() +\n\t\t\t\t\"***\" + System.lineSeparator() +\n\t\t\t\t\"**\" + System.lineSeparator() +\n\t\t\t\t\"*\", consoleOutput);\n\t}\n\t\n\t@Test\n\tpublic void shouldDrawPyramid2() {\n\t\tString input = \"5\";\n\t\tInputStream in = new ByteArrayInputStream(input.getBytes());\n\t\tSystem.setIn(in);\n\n\t\tPyramidInConsole.main(new String[] {});\n\t\t\n\t\tString consoleOutput = out.toString().split(OUTPUT_RESULT_SEPARATOR)[1].strip();\n\t\tassertEquals(\"*\" + System.lineSeparator() +\n\t\t\t\t\"**\" + System.lineSeparator() +\n\t\t\t\t\"***\" + System.lineSeparator() +\n\t\t\t\t\"****\" + System.lineSeparator() +\n\t\t\t\t\"*****\" + System.lineSeparator() +\n\t\t\t\t\"****\" + System.lineSeparator() +\n\t\t\t\t\"***\" + System.lineSeparator() +\n\t\t\t\t\"**\" + System.lineSeparator() +\n\t\t\t\t\"*\", consoleOutput);\n\t}\n\t\n\t@Test\n\tpublic void shouldDrawPyramid3() {\n\t\tString input = \"1\";\n\t\tInputStream in = new ByteArrayInputStream(input.getBytes());\n\t\tSystem.setIn(in);\n\n\t\tPyramidInConsole.main(new String[] {});\n\t\t\n\t\tString consoleOutput = out.toString().split(OUTPUT_RESULT_SEPARATOR)[1].strip();\n\t\tassertEquals(\"*\", consoleOutput);\n\t}\n}\n"}], "solutions": [{"file_name": "PyramidInConsole.java", "content": "import java.util.Scanner;\r\n\r\npublic class PyramidInConsole {\r\n\t\r\n\tpublic static void main(String[] args) {\r\n\t\tSystem.out.print(\"Please, enter height of the pyramid: \");\r\n\t\tScanner sc = new Scanner(System.in);\r\n\t\tint height = sc.nextInt();\r\n\t\t\r\n\t\tfor (int i = 1; i < height + 1; i++) {\r\n\t\t\tfor (int j = 0; j < i; j++) {\r\n\t\t\t\tSystem.out.print(\"*\");\r\n\t\t\t}\r\n\t\t\tSystem.out.println();\t\r\n\t\t}\r\n\t\tfor (int i = height - 1; i > 0; i--) {\r\n\t\t\tfor (int j = 0; j < i; j++) {\r\n\t\t\t\tSystem.out.print(\"*\");\r\n\t\t\t}\r\n\t\t\tSystem.out.println();\t\r\n\t\t}\r\n\t}\r\n\r\n}\r\n"}]}; | |
| function renderCodeList(rootElement, codeList, className, titlePrefix) { | |
| for (var i = 0; i < codeList.length; i++) { | |
| var elem = codeList[i]; | |
| var jsElem = document.createElement("div"); | |
| jsElem.className = className; | |
| var jsElemTitle = document.createElement("h3"); | |
| jsElemTitle.innerHTML = titlePrefix + " " + (i + 1); | |
| var jsElemBody = document.createElement("code"); | |
| jsElemBody.className = "code-block black-block"; | |
| jsElemBody.innerHTML = "<pre>" + elem.content + "</pre>"; | |
| jsElem.appendChild(jsElemTitle); | |
| jsElem.appendChild(jsElemBody); | |
| rootElement.appendChild(jsElem); | |
| } | |
| } | |
| function main() { | |
| // display the assignment | |
| var codingTitle = document.getElementById("coding-title"); | |
| codingTitle.innerHTML = quizData.title; | |
| var codingInstructions = document.getElementById("coding-instructions"); | |
| if (quizData.hasInstructions) { | |
| codingInstructions.innerHTML = quizData.instructions; | |
| } else { | |
| codingInstructions.innerHTML = '<span class="italic-text">' + quizData.instructions + "</span>"; | |
| } | |
| // display the test(s) | |
| var codingTests = document.getElementById("coding-tests"); | |
| if (!quizData.hasTests) { | |
| codingTests.innerHTML = '<span class="italic-text">' + quizData.tests + "</span>"; | |
| } else { | |
| renderCodeList(codingTests, quizData.tests, "coding-test", "Test"); | |
| } | |
| // display the solution(s) | |
| var codingSolutions = document.getElementById("coding-solutions"); | |
| if (!quizData.hasSolutions) { | |
| codingSolutions.innerHTML = '<span class="italic-text">' + quizData.solutions + "</span>"; | |
| } else { | |
| renderCodeList(codingSolutions, quizData.solutions, "coding-solution", "Solution"); | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> | |