[Fork] Uvod do programovani 1.3 - For cyklus | C# Online Compiler

[Fork] Uvod do programovani 1.3 - For cyklus by kata jel

Model

​x
 
​

@{
	Layout = null;
}

<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->

<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">
		<title>Úvod do programování 1</title>

		<!-- CSS Includes -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
		
		<style type="text/css">
			h1 {
				margin: 20px 0;
			}
			
			h2 {
				font-size: 15px;
			}
			
			table {
				margin-top: 10px;
				margin-bottom: 10px;
			}
			
			.card-header {
				cursor: pointer;
			}
			
			.card-header h2:before {
				display: inline-block;
				width: 10px;
				height: 10px;
				background: #273582;
				content: ""
			}
			
			.card-header.optional h2:before {
				background: #E5007D;
			}
			
			.card-body, button, input {
				font-size: 13px !important;
			}
			
			.exercise {
				border: 1px solid rgba(0,0,0,.125);
				padding: 10px;
			}
			
			input[type="text"], input[type="number"] {
				max-width: 80px;
				display: inline-block !important;
				margin-right: 5px;
			}
			
			input[type="checkbox"], input[type="radio"]
			{
				display: block;
    			width: 20px;
    			height: 18px;
				float: left;
			}
			
			.checkbox-label {
				display: block;
				margin-left: 5px;
				margin-right: 10px;
				float: left;
			}
			
			#collapseExercise1 input, #collapseExercise8 input[type="number"], #collapseExercise9 input[type="number"], #collapseExercise10 input[type="number"] {
				max-width: 100%;
				display: block;
				margin-right: 0;
			}
			
			#collapseExercise2 button {
				display: inline-block;
				margin-right: 5px;
				width: 50px;
				font-weight: bold;
			}
			
			.result {
				display: inline-block;
				background: #e0e0e0;
				min-width: 20px;
				height: 22px;
				border: 1px solid #000000;
				padding: 2px;
			}
			
			.tip {
				border: 1px solid #007BFF;
				margin-top: 10px;
				padding: 5px;
			}
			
			.tip .icon, .tip .text {
				display: inline-block;
				float: left;
			}
			
			.tip .icon {
				width: 40px;
				font-size: 30px;
				color: #007BFF;
				font-weight: bold;
				text-align: center;
				margin-left: -5px;
			}
			
			.tip .text {
				width: calc(100% - 40px);
			}
			
			.clear {
				clear: both;
			}
			
			.error {
				border: 1px solid #ff4f4f;
				color: #ff4f4f;
				margin-bottom: 10px;
				padding: 5px;
			}
			
			.hidden {
				display: none;
			}
			
			.visible {
				display: block;
			}
		</style>
	</head>
	
	<body>
		<div class="container">
			<h1>Úvod do programování 1</h1>
			<div class="accordion" id="exercises">
				<div class="card">
    				<div class="card-header" id="exercise11" data-toggle="collapse" data-target="#collapseExercise11" aria-expanded="true" aria-controls="collapseExercise11">
      					<h2 class="mb-0">
							Příklad 11 – For cyklus
      					</h2>
    				</div>

    				<div id="collapseExercise11" class="collapse" aria-labelledby="exercise11" data-parent="#exercises">
      					<div class="card-body">
							<p><strong>Zadání:</strong> Spočítej součet všech kladných celých čísel menších než 10. Výsledek ulož do proměnné <code>vysledek</code>.</p>
							<div class="exercise">
								<div class="form-group">
									<button class="btn btn-primary mb-2" id="submit11">Spočítej!</button>
								</div>
								<p>Výsledek: <span class="result" id="result11">&nbsp;</span></p>
							</div>
      					</div>
    				</div>
  				</div>
				<div class="card">
    				<div class="card-header" id="exercise12" data-toggle="collapse" data-target="#collapseExercise12" aria-expanded="true" aria-controls="collapseExercise12">
      					<h2 class="mb-0">
							Příklad 12 – For cyklus
      					</h2>
    				</div>

    				<div id="collapseExercise12" class="collapse" aria-labelledby="exercise12" data-parent="#exercises">
      					<div class="card-body">
							<p><strong>Zadání:</strong> Uživatel do připraveného políčka zadá kladné celé číslo. 
								Spočítej součet všech kladných celých čísel menších než zadané číslo. Výsledek ulož do proměnné <code>vysledek</code>.</p>
							<div class="exercise">
								<div class="form-group">
									<input type="number" class="form-control" id="exercise12number" min="1" />
								</div>
								<div class="form-group">
									<button class="btn btn-primary mb-2" id="submit12">Spočítej!</button>
								</div>
								<div id="error12" class="error hidden">Číslo není kladné celé číslo!</div>
								<p>Výsledek: <span class="result" id="result12">&nbsp;</span></p>
							</div>
      					</div>
    				</div>
  				</div>
				<div class="card">
    				<div class="card-header" id="exercise13" data-toggle="collapse" data-target="#collapseExercise13" aria-expanded="true" aria-controls="collapseExercise13">
      					<h2 class="mb-0">
							Příklad 13 – For cyklus
      					</h2>
    				</div>

    				<div id="collapseExercise13" class="collapse" aria-labelledby="exercise13" data-parent="#exercises">
      					<div class="card-body">
							<p><strong>Zadání:</strong> Uživatel do připraveného políčka zadá kladné celé číslo. Spočítej jeho faktoriál. Výsledek ulož do proměnné <code>vysledek</code>.</p>
							<div class="exercise">
								<div class="form-group">
									<input type="number" class="form-control" id="exercise13number" min="1" />
								</div>
								<div class="form-group">
									<button class="btn btn-primary mb-2" id="submit13">Spočítej!</button>
								</div>
								<div id="error13" class="error hidden">Číslo není kladné celé číslo!</div>
								<p>Výsledek: <span class="result" id="result13">&nbsp;</span></p>
							</div>
							<div class="tip">
								<div class="icon">?</div>
								<div class="text">
									Faktoriál čísla n je součin všech kladných celých čísel menších nebo rovných n. Tedy např. faktoriál čísla 3 se spočítá 3 x 2 x 1 = 6.
								</div>
								<div class="clear"></div>
							</div>
      					</div>
    				</div>
  				</div>
			</div>
		</div>

		<!-- JS includes -->
		<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
		
		<script type="text/javascript">
		
			$(function(){
			
				function showDiv(id) {
					document.getElementById(id).classList.remove("hidden");
					document.getElementById(id).classList.add("visible");
				}
			
				function hideDiv(id) {
					document.getElementById(id).classList.remove("visible");
					document.getElementById(id).classList.add("hidden");
				}
			
				function validateInt(number) {
					return number !== "" && number !== undefined && Number.isInteger(Number(number));
				}
			
				$('#submit11').click(function(){
					document.getElementById("submit11").disabled = true;
			
					$.ajax({
						url: '@Url.RouteUrl(new{ action="Priklad11", controller="Home"})',
						type: 'GET',
						contentType: "application/json; charset=utf-8",
						success: function(response) {
							if (response !== "") {
								document.getElementById("result11").innerHTML = response;
							}
			
							document.getElementById("submit11").disabled = false;
						}
					});
				});
			
				function validateNatural(number) {
					return validateInt(number) && Number(number) >= 0;
				}
			
				$('#submit12').click(function(){
					hideDiv("error12");
			
					var number = document.getElementById("exercise12number").value;
			
					if (!validateNatural(number)) {
						showDiv("error12");
						return;
					}
			
					document.getElementById("submit12").disabled = true;
			
					$.ajax({
						url: '@Url.RouteUrl(new{ action="Priklad12", controller="Home"})',
						type: 'GET',
						data: { cislo: number },
						contentType: "application/json; charset=utf-8",
						success: function(response) {
							if (response !== "") {
								document.getElementById("result12").innerHTML = response;
							}
			
							document.getElementById("submit12").disabled = false;
						}
					});
				});
			
				$('#submit13').click(function(){
					hideDiv("error13");
			
					var number = document.getElementById("exercise13number").value;
			
					if (!validateNatural(number)) {
						showDiv("error13");
						return;
					}
			
					document.getElementById("submit13").disabled = true;
			
					$.ajax({
						url: '@Url.RouteUrl(new{ action="Priklad13", controller="Home"})',
						type: 'GET',
						data: { cislo: number },
						contentType: "application/json; charset=utf-8",
						success: function(response) {
							if (response !== "") {
								document.getElementById("result13").innerHTML = response;
							}
			
							document.getElementById("submit13").disabled = false;
						}
					});
				});
			
			});

		</script>
	</body>
</html>

View

 
@{
    Layout = null;
}
​
<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->
​
<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">
        <title>Úvod do programování 1</title>
​
        <!-- CSS Includes -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        
        <style type="text/css">
            h1 {
                margin: 20px 0;
            }
            
            h2 {
                font-size: 15px;
            }
            
            table {
                margin-top: 10px;
                margin-bottom: 10px;
            }
            
            .card-header {
                cursor: pointer;
            }
            
            .card-header h2:before {
                display: inline-block;
                width: 10px;
                height: 10px;
                background: #273582;
                content: ""
            }
            
            .card-header.optional h2:before {
                background: #E5007D;
            }
            
            .card-body, button, input {
                font-size: 13px !important;
            }
            
            .exercise {
                border: 1px solid rgba(0,0,0,.125);
                padding: 10px;
            }
            
            input[type="text"], input[type="number"] {
                max-width: 80px;
                display: inline-block !important;
                margin-right: 5px;
            }
            
            input[type="checkbox"], input[type="radio"]
            {
                display: block;
                width: 20px;
                height: 18px;
                float: left;
            }
            
            .checkbox-label {
                display: block;
                margin-left: 5px;
                margin-right: 10px;
                float: left;
            }
            
            #collapseExercise1 input, #collapseExercise8 input[type="number"], #collapseExercise9 input[type="number"], #collapseExercise10 input[type="number"] {
                max-width: 100%;
                display: block;
                margin-right: 0;
            }
            
            #collapseExercise2 button {
                display: inline-block;
                margin-right: 5px;
                width: 50px;
                font-weight: bold;
            }
            
            .result {
                display: inline-block;
                background: #e0e0e0;
                min-width: 20px;
                height: 22px;
                border: 1px solid #000000;
                padding: 2px;
            }
            
            .tip {
                border: 1px solid #007BFF;
                margin-top: 10px;
                padding: 5px;
            }
            
            .tip .icon, .tip .text {
                display: inline-block;
                float: left;
            }
            
            .tip .icon {
                width: 40px;
                font-size: 30px;
                color: #007BFF;
                font-weight: bold;
                text-align: center;
                margin-left: -5px;
            }
            
            .tip .text {
                width: calc(100% - 40px);
            }
            
            .clear {
                clear: both;
            }
            
            .error {
                border: 1px solid #ff4f4f;
                color: #ff4f4f;
                margin-bottom: 10px;
                padding: 5px;
            }
            
            .hidden {
                display: none;
            }
            
            .visible {
                display: block;
            }
        </style>
    </head>
    
    <body>
        <div class="container">
            <h1>Úvod do programování 1</h1>
            <div class="accordion" id="exercises">
                <div class="card">
                    <div class="card-header" id="exercise11" data-toggle="collapse" data-target="#collapseExercise11" aria-expanded="true" aria-controls="collapseExercise11">
                        <h2 class="mb-0">
                            Příklad 11 – For cyklus
                        </h2>
                    </div>
​
                    <div id="collapseExercise11" class="collapse" aria-labelledby="exercise11" data-parent="#exercises">
                        <div class="card-body">
                            <p><strong>Zadání:</strong> Spočítej součet všech kladných celých čísel menších než 10. Výsledek ulož do proměnné <code>vysledek</code>.</p>
                            <div class="exercise">
                                <div class="form-group">
                                    <button class="btn btn-primary mb-2" id="submit11">Spočítej!</button>
                                </div>
                                <p>Výsledek: <span class="result" id="result11">&nbsp;</span></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header" id="exercise12" data-toggle="collapse" data-target="#collapseExercise12" aria-expanded="true" aria-controls="collapseExercise12">
                        <h2 class="mb-0">
                            Příklad 12 – For cyklus
                        </h2>
                    </div>
​
                    <div id="collapseExercise12" class="collapse" aria-labelledby="exercise12" data-parent="#exercises">
                        <div class="card-body">
                            <p><strong>Zadání:</strong> Uživatel do připraveného políčka zadá kladné celé číslo. 
                                Spočítej součet všech kladných celých čísel menších než zadané číslo. Výsledek ulož do proměnné <code>vysledek</code>.</p>
                            <div class="exercise">
                                <div class="form-group">
                                    <input type="number" class="form-control" id="exercise12number" min="1" />
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-primary mb-2" id="submit12">Spočítej!</button>
                                </div>
                                <div id="error12" class="error hidden">Číslo není kladné celé číslo!</div>
                                <p>Výsledek: <span class="result" id="result12">&nbsp;</span></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header" id="exercise13" data-toggle="collapse" data-target="#collapseExercise13" aria-expanded="true" aria-controls="collapseExercise13">
                        <h2 class="mb-0">
                            Příklad 13 – For cyklus
                        </h2>
                    </div>
​
                    <div id="collapseExercise13" class="collapse" aria-labelledby="exercise13" data-parent="#exercises">
                        <div class="card-body">
                            <p><strong>Zadání:</strong> Uživatel do připraveného políčka zadá kladné celé číslo. Spočítej jeho faktoriál. Výsledek ulož do proměnné <code>vysledek</code>.</p>
                            <div class="exercise">
                                <div class="form-group">
                                    <input type="number" class="form-control" id="exercise13number" min="1" />
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-primary mb-2" id="submit13">Spočítej!</button>
                                </div>
                                <div id="error13" class="error hidden">Číslo není kladné celé číslo!</div>
                                <p>Výsledek: <span class="result" id="result13">&nbsp;</span></p>
                            </div>
                            <div class="tip">
                                <div class="icon">?</div>
                                <div class="text">
                                    Faktoriál čísla n je součin všech kladných celých čísel menších nebo rovných n. Tedy např. faktoriál čísla 3 se spočítá 3 x 2 x 1 = 6.
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
​
        <!-- JS includes -->
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
        
        <script type="text/javascript">
        
            $(function(){
            
                function showDiv(id) {
                    document.getElementById(id).classList.remove("hidden");
                    document.getElementById(id).classList.add("visible");
                }
            
                function hideDiv(id) {
                    document.getElementById(id).classList.remove("visible");
                    document.getElementById(id).classList.add("hidden");
                }
            
                function validateInt(number) {
                    return number !== "" && number !== undefined && Number.isInteger(Number(number));
                }
            
                $('#submit11').click(function(){
                    document.getElementById("submit11").disabled = true;
            
                    $.ajax({
                        url: '@Url.RouteUrl(new{ action="Priklad11", controller="Home"})',
                        type: 'GET',
                        contentType: "application/json; charset=utf-8",
                        success: function(response) {
                            if (response !== "") {
                                document.getElementById("result11").innerHTML = response;
                            }
            
                            document.getElementById("submit11").disabled = false;
                        }
                    });
                });
            
                function validateNatural(number) {
                    return validateInt(number) && Number(number) >= 0;
                }
            
                $('#submit12').click(function(){
                    hideDiv("error12");
            
                    var number = document.getElementById("exercise12number").value;
            
                    if (!validateNatural(number)) {
                        showDiv("error12");
                        return;
                    }
            
                    document.getElementById("submit12").disabled = true;
            
                    $.ajax({
                        url: '@Url.RouteUrl(new{ action="Priklad12", controller="Home"})',
                        type: 'GET',
                        data: { cislo: number },
                        contentType: "application/json; charset=utf-8",
                        success: function(response) {
                            if (response !== "") {
                                document.getElementById("result12").innerHTML = response;
                            }
            
                            document.getElementById("submit12").disabled = false;
                        }
                    });
                });
            
                $('#submit13').click(function(){
                    hideDiv("error13");
            
                    var number = document.getElementById("exercise13number").value;
            
                    if (!validateNatural(number)) {
                        showDiv("error13");
                        return;
                    }
            
                    document.getElementById("submit13").disabled = true;
            
                    $.ajax({
                        url: '@Url.RouteUrl(new{ action="Priklad13", controller="Home"})',
                        type: 'GET',
                        data: { cislo: number },
                        contentType: "application/json; charset=utf-8",
                        success: function(response) {
                            if (response !== "") {
                                document.getElementById("result13").innerHTML = response;
                            }
            
                            document.getElementById("submit13").disabled = false;
                        }
                    });
                });
            
            });
​
        </script>
    </body>
</html>

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace UvodDoProgramovani1
{
	public class HomeController : Controller
	{
		Random _random = new Random();
	
		[HttpGet]
		public ActionResult Index()
		{
			return View();
		}
		
		// Příklad 11 - For cyklus
		[HttpGet]
		public int? Priklad11()
		{		
			int? vysledek = null;
			
			// Začátek tvého kódu
			
			// Konec tvého kódu
			
			return vysledek;
		}
		
		// Příklad 12 - For cyklus
		[HttpGet]
		public int? Priklad12(int cislo)
		{		
			int? vysledek = null;
			
			// Začátek tvého kódu
			
			// Konec tvého kódu
			
			return vysledek;
		}
		
		// Příklad 13 - For cyklus
		[HttpGet]
		public int? Priklad13(int cislo)
		{		
			int? vysledek = null;
			
			// Začátek tvého kódu
			
			// Konec tvého kódu
			
			return vysledek;
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace UvodDoProgramovani1
{
    public class HomeController : Controller
    {
        Random _random = new Random();
    
        [HttpGet]
        public ActionResult Index()
        {
            return View();
        }
        
        // Příklad 11 - For cyklus
        [HttpGet]
        public int? Priklad11()
        {       
            int? vysledek = null;
            
            // Začátek tvého kódu
            
            // Konec tvého kódu
            
            return vysledek;
        }
        
        // Příklad 12 - For cyklus
        [HttpGet]
        public int? Priklad12(int cislo)
        {       
            int? vysledek = null;
            
            // Začátek tvého kódu
            
            // Konec tvého kódu
            
            return vysledek;
        }
        
        // Příklad 13 - For cyklus
        [HttpGet]
        public int? Priklad13(int cislo)
        {       
            int? vysledek = null;
            
            // Začátek tvého kódu
            
            // Konec tvého kódu
            
            return vysledek;
        }
    }
}

View in Full Screen

Hello World
1

Last Run:	11:09:43 pm
Compile:	0.119s
Execute:	0s
Memory:	0b
CPU:	0s

View IL Code