[Fork] Uvod do programovani 1.2 - Podmineny prikaz | C# Online Compiler

[Fork] Uvod do programovani 1.2 - Podmineny prikaz by Ivana Jindrová

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;
			}

			
			.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="exercise6" data-toggle="collapse" data-target="#collapseExercise6" aria-expanded="true" aria-controls="collapseExercise6">
      					<h2 class="mb-0">
							Příklad 6 – Podmíněný příkaz
      					</h2>
    				</div>

    				<div id="collapseExercise6" class="collapse" aria-labelledby="exercise6" data-parent="#exercises">
      					<div class="card-body">
							<p><strong>Zadání:</strong> Uživatel si chce rezervovat ubytování v hotelu. Do připravených políček zadá počet nocí a počet osob a zvolí, zda chce snídani nebo ne.
								Cena za osobu a noc je 500 Kč bez snídaně. Příplatek za snídani je 50 Kč. Spočítej konečnou cenu ubytování. Výsledek ulož do proměnné <code>celkovaCena</code>.</p>
							<div class="exercise">
								<div class="form-group">
									<label for="exercise6nights">Počet nocí: </label>
									<input type="number" class="form-control" id="exercise6nights" min="1" />
								</div>
								<div class="form-group">
									<label for="exercise6people">Počet osob: </label>
									<input type="number" class="form-control" id="exercise6people" min="1" />
								</div>
								<div class="form-group">
									<input type="checkbox" class="form-control" id="exercise6breakfast" />
									<label class="checkbox-label" for="exercise6breakfast"> Snídaně</label>
									<div class="clear"></div>
								</div>
								<div class="form-group">
									<button class="btn btn-primary mb-2" id="submit6">Spočítej!</button>
								</div>
								<div id="error6" class="error hidden">Počet nocí i počet osob musí být kladné celé číslo!</div>
								<p>Celková cena: <span class="result" id="result6">&nbsp;</span> Kč</p>
							</div>
      					</div>
    				</div>
  				</div>
				<div class="card">
    				<div class="card-header" id="exercise7" data-toggle="collapse" data-target="#collapseExercise7" aria-expanded="true" aria-controls="collapseExercise7">
      					<h2 class="mb-0">
							Příklad 7 – Podmíněný příkaz
      					</h2>
    				</div>

    				<div id="collapseExercise7" class="collapse" aria-labelledby="exercise7" data-parent="#exercises">
      					<div class="card-body">
							<p><strong>Zadání:</strong> Uživatel si chce rezervovat ubytování v hotelu. Do připravených políček zadá počet nocí a počet osob a zvolí, zda chce snídani, polopenzi nebo plnou penzi.
								Cena za osobu a noc je 500 Kč. Příplatek za snídani je 50 Kč, za polopenzi 150 Kč a za plnou penzi 250 Kč. Spočítej konečnou cenu ubytování. Výsledek ulož do proměnné <code>celkovaCena</code>.</p>
							<div class="exercise">
								<div class="form-group">
									<label for="exercise7nights">Počet nocí: </label>
									<input type="number" class="form-control" id="exercise7nights" min="1" />
								</div>
								<div class="form-group">
									<label for="exercise7people">Počet osob: </label>
									<input type="number" class="form-control" id="exercise7people" min="1" />
								</div>
								<div class="form-group">
									<input type="radio" class="form-control" name="exercise7food" id="exercise7food0" value="0" checked />
									<label class="checkbox-label" for="exercise7food0"> Snídaně</label>
									<input type="radio" class="form-control" name="exercise7food" id="exercise7food1" value="1" />
									<label class="checkbox-label" for="exercise7food1"> Polopenze</label>
									<input type="radio" class="form-control" name="exercise7food" id="exercise7food2" value="2" />
									<label class="checkbox-label" for="exercise7food2"> Plná penze</label>
									<div class="clear"></div>
								</div>
								<div class="form-group">
									<button class="btn btn-primary mb-2" id="submit7">Spočítej!</button>
								</div>
								<div id="error7" class="error hidden">Počet nocí i počet osob musí být kladné celé číslo!</div>
								<p>Celková cena: <span class="result" id="result7">&nbsp;</span> Kč</p>
							</div>
							<div class="tip">
								<div class="icon">?</div>
								<div class="text">
									Jaký typ stravování uživatel zvolil, zjistíš z hodnoty proměnné <code>stravovani</code> datového typu <code>int</code>. Hodnoty pro jednotlivé typy jsou uvedeny v tabulce.
									<table class="table-bordered table-sm">
										<tr>
											<th>Typ stravování</th>
											<th>Hodnota proměnné <code>stravovani</code></th>
										</tr>
										<tr>
											<td>Snídaně</td>
											<td>0</td>
										</tr>
										<tr>
											<td>Polopenze</td>
											<td>1</td>
										</tr>
										<tr>
											<td>Plná penze</td>
											<td>2</td>
										</tr>
									</table>
								</div>
								<div class="clear"></div>
							</div>
      					</div>
    				</div>
  				</div>
				<div class="card">
    				<div class="card-header" id="exercise8" data-toggle="collapse" data-target="#collapseExercise8" aria-expanded="true" aria-controls="collapseExercise8">
      					<h2 class="mb-0">
							Příklad 8 – Podmíněný příkaz
      					</h2>
    				</div>

    				<div id="collapseExercise8" class="collapse" aria-labelledby="exercise8" data-parent="#exercises">
      					<div class="card-body">
							<p><strong>Zadání:</strong> Uživatel do připraveného políčka zadá svůj věk.
								Spočítej podle následující tabulky cenu půlroční předplatní jízdenky na zlínskou MHD. Výsledek ulož do proměnné <code>cena</code>.</p>
							<table class="table-bordered table-sm">
								<tr>
									<th>Věk</th>
									<th>Cena</th>
								</tr>
								<tr>
									<td>do 6 let</td>
									<td>0 Kč</td>
								</tr>
								<tr>
									<td>od 6 do 15 let</td>
									<td>1250 Kč</td>
								</tr>
								<tr>
									<td>od 15 do 70 let</td>
									<td>2060 Kč</td>
								</tr>
								<tr>
									<td>nad 70 let</td>
									<td>165 Kč</td>
								</tr>
							</table>
							<div class="exercise">
								<div class="form-group">
									<label for="exercise8age">Věk: </label>
									<input type="number" class="form-control" id="exercise8age" min="0" />
								</div>
								<div class="form-group">
									<button class="btn btn-primary mb-2" id="submit8">Spočítej!</button>
								</div>
								<div id="error8" class="error hidden">Věk musí být kladné celé číslo nebo nula!</div>
								<p>Cena: <span class="result" id="result8">&nbsp;</span> Kč</p>
							</div>
      					</div>
    				</div>
  				</div>
				<div class="card">
    				<div class="card-header optional" id="exercise9" data-toggle="collapse" data-target="#collapseExercise9" aria-expanded="true" aria-controls="collapseExercise9">
      					<h2 class="mb-0">
							Příklad 9 – Podmíněný příkaz
      					</h2>
    				</div>

    				<div id="collapseExercise9" class="collapse" aria-labelledby="exercise9" data-parent="#exercises">
      					<div class="card-body">
							<p><strong>Zadání:</strong> Uživatel nakupuje pastelky. Jedna pastelka stojí 10 Kč. Pokud objedná 50 nebo více pastelek, automaticky dostane slevu 10 %.
								Množství pastelek zadá v košíku e-shopu a vybere druh dopravy. Spočítej výslednou cenu objednávky včetně poštovného. Výsledek ulož do proměnné <code>celkovaCena</code>.</p>
							<div class="exercise">
								<div class="form-group">
									<label for="exercise9pencils">Pastelka: </label>
									<input type="number" class="form-control" id="exercise9pencils" min="1" /> ks
								</div>
								<div class="form-group">
									<input type="radio" class="form-control" name="exercise9delivery" id="exercise9delivery0" value="0" checked />
									<label class="checkbox-label" for="exercise9delivery0"> Pošta - 60 Kč</label>
									<input type="radio" class="form-control" name="exercise9delivery" id="exercise9delivery1" value="1" />
									<label class="checkbox-label" for="exercise9delivery1"> Kurýr - 100 Kč</label>
									<input type="radio" class="form-control" name="exercise9delivery" id="exercise9delivery2" value="2" />
									<label class="checkbox-label" for="exercise9delivery2"> Osobní odběr - 0 Kč</label>
									<div class="clear"></div>
								</div>
								<div class="form-group">
									<button class="btn btn-primary mb-2" id="submit9">Spočítej!</button>
								</div>
								<div id="error9" class="error hidden">Počet kusů musí být kladné celé číslo!</div>
								<p>Celková cena: <span class="result" id="result9">&nbsp;</span> Kč</p>
							</div>
							<div class="tip">
								<div class="icon">?</div>
								<div class="text">
									Jaký typ dopravy uživatel zvolil, zjistíš z hodnoty proměnné <code>doprava</code> datového typu <code>int</code>. Hodnoty pro jednotlivé typy jsou uvedeny v tabulce.
									<table class="table-bordered table-sm">
										<tr>
											<th>Typ dopravy</th>
											<th>Hodnota proměnné <code>doprava</code></th>
										</tr>
										<tr>
											<td>Pošta</td>
											<td>0</td>
										</tr>
										<tr>
											<td>Kurýr</td>
											<td>1</td>
										</tr>
										<tr>
											<td>Osobní odběr</td>
											<td>2</td>
										</tr>
									</table>
								</div>
								<div class="clear"></div>
							</div>
      					</div>
    				</div>
  				</div>
				<div class="card">
    				<div class="card-header optional" id="exercise10" data-toggle="collapse" data-target="#collapseExercise10" aria-expanded="true" aria-controls="collapseExercise10">
      					<h2 class="mb-0">
							Příklad 10 – Podmíněný příkaz
      					</h2>
    				</div>

    				<div id="collapseExercise10" class="collapse" aria-labelledby="exercise10" data-parent="#exercises">
      					<div class="card-body">
							<p><strong>Zadání:</strong> Uživatel zadá do připraveného políčka ujetou vzdálenost (v kilometrech). Spočítej platbu taxikáři, jestliže má stanoveny sazby podle tabulky. Výsledek ulož do proměnné <code>platba</code>.</p>
							<table class="table-bordered table-sm">
								<tr>
									<th>Ujetá vzdálenost</th>
									<th>Sazba</th>
								</tr>
								<tr>
									<td>0-19 km</td>
									<td>25 Kč/km</td>
								</tr>
								<tr>
									<td>20-39 km</td>
									<td>23 Kč/km</td>
								</tr>
								<tr>
									<td>40-59 km</td>
									<td>20 Kč/km</td>
								</tr>
								<tr>
									<td>60 km a více</td>
									<td>17 Kč/km</td>
								</tr>
							</table>
							<div class="exercise">
								<div class="form-group">
									<label for="exercise10distance">Ujetá vzdálenost: </label>
									<input type="number" class="form-control" id="exercise10distance" min="0" /> km
								</div>
								<div class="form-group">
									<button class="btn btn-primary mb-2" id="submit10">Spočítej!</button>
								</div>
								<div id="error10" class="error hidden">Ujetá vzdálenost musí být kladné číslo!</div>
								<p>Platba taxikáři: <span class="result" id="result10">&nbsp;</span> Kč</p>
							</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));
				}
			
				function validateNatural(number) {
					return validateInt(number) && Number(number) >= 0;
				}
			
				$('#submit6').click(function(){
					hideDiv("error6");
			
					var nigths = document.getElementById("exercise6nights").value;
					var people = document.getElementById("exercise6people").value;
					var breakfast = document.getElementById("exercise6breakfast").checked;
			
					if (!validateNatural(nigths) || !validateNatural(people)) {
						showDiv("error6");
						return;
					}
			
					document.getElementById("submit6").disabled = true;
			
					$.ajax({
						url: '@Url.RouteUrl(new{ action="Priklad6", controller="Home"})',
						type: 'GET',
						data: { pocetNoci: nigths, pocetOsob: people, snidane: breakfast },
						contentType: "application/json; charset=utf-8",
						success: function(response) {
							if (response !== "") {
								document.getElementById("result6").innerHTML = response;
							}
			
							document.getElementById("submit6").disabled = false;
						}
					});
				});
			
				$('#submit7').click(function(){
					hideDiv("error7");
			
					var nigths = document.getElementById("exercise7nights").value;
					var people = document.getElementById("exercise7people").value;
					var food = document.querySelector('input[name = "exercise7food"]:checked').value;
			
					if (!validateNatural(nigths) || !validateNatural(people)) {
						showDiv("error7");
						return;
					}
			
					document.getElementById("submit7").disabled = true;
			
					$.ajax({
						url: '@Url.RouteUrl(new{ action="Priklad7", controller="Home"})',
						type: 'GET',
						data: { pocetNoci: nigths, pocetOsob: people, stravovani: food },
						contentType: "application/json; charset=utf-8",
						success: function(response) {
							if (response !== "") {
								document.getElementById("result7").innerHTML = response;
							}
			
							document.getElementById("submit7").disabled = false;
						}
					});
				});
			
				$('#submit8').click(function(){
					hideDiv("error8");
			
					var age = document.getElementById("exercise8age").value;
			
					if (!validateNatural(age)) {
						showDiv("error8");
						return;
					}
			
					document.getElementById("submit8").disabled = true;
			
					$.ajax({
						url: '@Url.RouteUrl(new{ action="Priklad8", controller="Home"})',
						type: 'GET',
						data: { vek: age },
						contentType: "application/json; charset=utf-8",
						success: function(response) {
							if (response !== "") {
								document.getElementById("result8").innerHTML = response;
							}
			
							document.getElementById("submit8").disabled = false;
						}
					});
				});
			
				$('#submit9').click(function(){
					hideDiv("error9");
			
					var pencils = document.getElementById("exercise9pencils").value;
					var delivery = document.querySelector('input[name = "exercise9delivery"]:checked').value;
			
					if (!validateNatural(pencils)) {
						showDiv("error9");
						return;
					}
			
					document.getElementById("submit9").disabled = true;
			
					$.ajax({
						url: '@Url.RouteUrl(new{ action="Priklad9", controller="Home"})',
						type: 'GET',
						data: { pocetPastelek: pencils, doprava: delivery },
						contentType: "application/json; charset=utf-8",
						success: function(response) {
							if (response !== "") {
								document.getElementById("result9").innerHTML = response;
							}
			
							document.getElementById("submit9").disabled = false;
						}
					});
				});
			
				$('#submit10').click(function(){
					hideDiv("error10");
			
					var distance = document.getElementById("exercise10distance").value;
			
					if (Number(distance) <= 0) {
						showDiv("error10");
						return;
					}
			
					document.getElementById("submit10").disabled = true;
			
					$.ajax({
						url: '@Url.RouteUrl(new{ action="Priklad10", controller="Home"})',
						type: 'GET',
						data: { vzdalenost: distance },
						contentType: "application/json; charset=utf-8",
						success: function(response) {
							if (response !== "") {
								document.getElementById("result10").innerHTML = response;
							}
			
							document.getElementById("submit10").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;
            }
​
            
            .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="exercise6" data-toggle="collapse" data-target="#collapseExercise6" aria-expanded="true" aria-controls="collapseExercise6">
                        <h2 class="mb-0">
                            Příklad 6 – Podmíněný příkaz
                        </h2>
                    </div>
​
                    <div id="collapseExercise6" class="collapse" aria-labelledby="exercise6" data-parent="#exercises">
                        <div class="card-body">
                            <p><strong>Zadání:</strong> Uživatel si chce rezervovat ubytování v hotelu. Do připravených políček zadá počet nocí a počet osob a zvolí, zda chce snídani nebo ne.
                                Cena za osobu a noc je 500 Kč bez snídaně. Příplatek za snídani je 50 Kč. Spočítej konečnou cenu ubytování. Výsledek ulož do proměnné <code>celkovaCena</code>.</p>
                            <div class="exercise">
                                <div class="form-group">
                                    <label for="exercise6nights">Počet nocí: </label>
                                    <input type="number" class="form-control" id="exercise6nights" min="1" />
                                </div>
                                <div class="form-group">
                                    <label for="exercise6people">Počet osob: </label>
                                    <input type="number" class="form-control" id="exercise6people" min="1" />
                                </div>
                                <div class="form-group">
                                    <input type="checkbox" class="form-control" id="exercise6breakfast" />
                                    <label class="checkbox-label" for="exercise6breakfast"> Snídaně</label>
                                    <div class="clear"></div>
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-primary mb-2" id="submit6">Spočítej!</button>
                                </div>
                                <div id="error6" class="error hidden">Počet nocí i počet osob musí být kladné celé číslo!</div>
                                <p>Celková cena: <span class="result" id="result6">&nbsp;</span> Kč</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header" id="exercise7" data-toggle="collapse" data-target="#collapseExercise7" aria-expanded="true" aria-controls="collapseExercise7">
                        <h2 class="mb-0">
                            Příklad 7 – Podmíněný příkaz
                        </h2>
                    </div>
​
                    <div id="collapseExercise7" class="collapse" aria-labelledby="exercise7" data-parent="#exercises">
                        <div class="card-body">
                            <p><strong>Zadání:</strong> Uživatel si chce rezervovat ubytování v hotelu. Do připravených políček zadá počet nocí a počet osob a zvolí, zda chce snídani, polopenzi nebo plnou penzi.
                                Cena za osobu a noc je 500 Kč. Příplatek za snídani je 50 Kč, za polopenzi 150 Kč a za plnou penzi 250 Kč. Spočítej konečnou cenu ubytování. Výsledek ulož do proměnné <code>celkovaCena</code>.</p>
                            <div class="exercise">
                                <div class="form-group">
                                    <label for="exercise7nights">Počet nocí: </label>
                                    <input type="number" class="form-control" id="exercise7nights" min="1" />
                                </div>
                                <div class="form-group">
                                    <label for="exercise7people">Počet osob: </label>
                                    <input type="number" class="form-control" id="exercise7people" min="1" />
                                </div>
                                <div class="form-group">
                                    <input type="radio" class="form-control" name="exercise7food" id="exercise7food0" value="0" checked />
                                    <label class="checkbox-label" for="exercise7food0"> Snídaně</label>
                                    <input type="radio" class="form-control" name="exercise7food" id="exercise7food1" value="1" />
                                    <label class="checkbox-label" for="exercise7food1"> Polopenze</label>
                                    <input type="radio" class="form-control" name="exercise7food" id="exercise7food2" value="2" />
                                    <label class="checkbox-label" for="exercise7food2"> Plná penze</label>
                                    <div class="clear"></div>
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-primary mb-2" id="submit7">Spočítej!</button>
                                </div>
                                <div id="error7" class="error hidden">Počet nocí i počet osob musí být kladné celé číslo!</div>
                                <p>Celková cena: <span class="result" id="result7">&nbsp;</span> Kč</p>
                            </div>
                            <div class="tip">
                                <div class="icon">?</div>
                                <div class="text">
                                    Jaký typ stravování uživatel zvolil, zjistíš z hodnoty proměnné <code>stravovani</code> datového typu <code>int</code>. Hodnoty pro jednotlivé typy jsou uvedeny v tabulce.
                                    <table class="table-bordered table-sm">
                                        <tr>
                                            <th>Typ stravování</th>
                                            <th>Hodnota proměnné <code>stravovani</code></th>
                                        </tr>
                                        <tr>
                                            <td>Snídaně</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>Polopenze</td>
                                            <td>1</td>
                                        </tr>
                                        <tr>
                                            <td>Plná penze</td>
                                            <td>2</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header" id="exercise8" data-toggle="collapse" data-target="#collapseExercise8" aria-expanded="true" aria-controls="collapseExercise8">
                        <h2 class="mb-0">
                            Příklad 8 – Podmíněný příkaz
                        </h2>
                    </div>
​
                    <div id="collapseExercise8" class="collapse" aria-labelledby="exercise8" data-parent="#exercises">
                        <div class="card-body">
                            <p><strong>Zadání:</strong> Uživatel do připraveného políčka zadá svůj věk.
                                Spočítej podle následující tabulky cenu půlroční předplatní jízdenky na zlínskou MHD. Výsledek ulož do proměnné <code>cena</code>.</p>
                            <table class="table-bordered table-sm">
                                <tr>
                                    <th>Věk</th>
                                    <th>Cena</th>
                                </tr>
                                <tr>
                                    <td>do 6 let</td>
                                    <td>0 Kč</td>
                                </tr>
                                <tr>
                                    <td>od 6 do 15 let</td>
                                    <td>1250 Kč</td>
                                </tr>
                                <tr>
                                    <td>od 15 do 70 let</td>
                                    <td>2060 Kč</td>
                                </tr>
                                <tr>
                                    <td>nad 70 let</td>
                                    <td>165 Kč</td>
                                </tr>
                            </table>
                            <div class="exercise">
                                <div class="form-group">
                                    <label for="exercise8age">Věk: </label>
                                    <input type="number" class="form-control" id="exercise8age" min="0" />
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-primary mb-2" id="submit8">Spočítej!</button>
                                </div>
                                <div id="error8" class="error hidden">Věk musí být kladné celé číslo nebo nula!</div>
                                <p>Cena: <span class="result" id="result8">&nbsp;</span> Kč</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header optional" id="exercise9" data-toggle="collapse" data-target="#collapseExercise9" aria-expanded="true" aria-controls="collapseExercise9">
                        <h2 class="mb-0">
                            Příklad 9 – Podmíněný příkaz
                        </h2>
                    </div>
​
                    <div id="collapseExercise9" class="collapse" aria-labelledby="exercise9" data-parent="#exercises">
                        <div class="card-body">
                            <p><strong>Zadání:</strong> Uživatel nakupuje pastelky. Jedna pastelka stojí 10 Kč. Pokud objedná 50 nebo více pastelek, automaticky dostane slevu 10 %.
                                Množství pastelek zadá v košíku e-shopu a vybere druh dopravy. Spočítej výslednou cenu objednávky včetně poštovného. Výsledek ulož do proměnné <code>celkovaCena</code>.</p>
                            <div class="exercise">
                                <div class="form-group">
                                    <label for="exercise9pencils">Pastelka: </label>
                                    <input type="number" class="form-control" id="exercise9pencils" min="1" /> ks
                                </div>
                                <div class="form-group">
                                    <input type="radio" class="form-control" name="exercise9delivery" id="exercise9delivery0" value="0" checked />
                                    <label class="checkbox-label" for="exercise9delivery0"> Pošta - 60 Kč</label>
                                    <input type="radio" class="form-control" name="exercise9delivery" id="exercise9delivery1" value="1" />
                                    <label class="checkbox-label" for="exercise9delivery1"> Kurýr - 100 Kč</label>
                                    <input type="radio" class="form-control" name="exercise9delivery" id="exercise9delivery2" value="2" />
                                    <label class="checkbox-label" for="exercise9delivery2"> Osobní odběr - 0 Kč</label>
                                    <div class="clear"></div>
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-primary mb-2" id="submit9">Spočítej!</button>
                                </div>
                                <div id="error9" class="error hidden">Počet kusů musí být kladné celé číslo!</div>
                                <p>Celková cena: <span class="result" id="result9">&nbsp;</span> Kč</p>
                            </div>
                            <div class="tip">
                                <div class="icon">?</div>
                                <div class="text">
                                    Jaký typ dopravy uživatel zvolil, zjistíš z hodnoty proměnné <code>doprava</code> datového typu <code>int</code>. Hodnoty pro jednotlivé typy jsou uvedeny v tabulce.
                                    <table class="table-bordered table-sm">
                                        <tr>
                                            <th>Typ dopravy</th>
                                            <th>Hodnota proměnné <code>doprava</code></th>
                                        </tr>
                                        <tr>
                                            <td>Pošta</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td>Kurýr</td>
                                            <td>1</td>
                                        </tr>
                                        <tr>
                                            <td>Osobní odběr</td>
                                            <td>2</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header optional" id="exercise10" data-toggle="collapse" data-target="#collapseExercise10" aria-expanded="true" aria-controls="collapseExercise10">
                        <h2 class="mb-0">
                            Příklad 10 – Podmíněný příkaz
                        </h2>
                    </div>
​
                    <div id="collapseExercise10" class="collapse" aria-labelledby="exercise10" data-parent="#exercises">
                        <div class="card-body">
                            <p><strong>Zadání:</strong> Uživatel zadá do připraveného políčka ujetou vzdálenost (v kilometrech). Spočítej platbu taxikáři, jestliže má stanoveny sazby podle tabulky. Výsledek ulož do proměnné <code>platba</code>.</p>
                            <table class="table-bordered table-sm">
                                <tr>
                                    <th>Ujetá vzdálenost</th>
                                    <th>Sazba</th>
                                </tr>
                                <tr>
                                    <td>0-19 km</td>
                                    <td>25 Kč/km</td>
                                </tr>
                                <tr>
                                    <td>20-39 km</td>
                                    <td>23 Kč/km</td>
                                </tr>
                                <tr>
                                    <td>40-59 km</td>
                                    <td>20 Kč/km</td>
                                </tr>
                                <tr>
                                    <td>60 km a více</td>
                                    <td>17 Kč/km</td>
                                </tr>
                            </table>
                            <div class="exercise">
                                <div class="form-group">
                                    <label for="exercise10distance">Ujetá vzdálenost: </label>
                                    <input type="number" class="form-control" id="exercise10distance" min="0" /> km
                                </div>
                                <div class="form-group">
                                    <button class="btn btn-primary mb-2" id="submit10">Spočítej!</button>
                                </div>
                                <div id="error10" class="error hidden">Ujetá vzdálenost musí být kladné číslo!</div>
                                <p>Platba taxikáři: <span class="result" id="result10">&nbsp;</span> Kč</p>
                            </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));
                }
            
                function validateNatural(number) {
                    return validateInt(number) && Number(number) >= 0;
                }
            
                $('#submit6').click(function(){
                    hideDiv("error6");
            
                    var nigths = document.getElementById("exercise6nights").value;
                    var people = document.getElementById("exercise6people").value;
                    var breakfast = document.getElementById("exercise6breakfast").checked;
            
                    if (!validateNatural(nigths) || !validateNatural(people)) {
                        showDiv("error6");
                        return;
                    }
            
                    document.getElementById("submit6").disabled = true;
            
                    $.ajax({
                        url: '@Url.RouteUrl(new{ action="Priklad6", controller="Home"})',
                        type: 'GET',
                        data: { pocetNoci: nigths, pocetOsob: people, snidane: breakfast },
                        contentType: "application/json; charset=utf-8",
                        success: function(response) {
                            if (response !== "") {
                                document.getElementById("result6").innerHTML = response;
                            }
            
                            document.getElementById("submit6").disabled = false;
                        }
                    });
                });
            
                $('#submit7').click(function(){
                    hideDiv("error7");
            
                    var nigths = document.getElementById("exercise7nights").value;
                    var people = document.getElementById("exercise7people").value;
                    var food = document.querySelector('input[name = "exercise7food"]:checked').value;
            
                    if (!validateNatural(nigths) || !validateNatural(people)) {
                        showDiv("error7");
                        return;
                    }
            
                    document.getElementById("submit7").disabled = true;
            
                    $.ajax({
                        url: '@Url.RouteUrl(new{ action="Priklad7", controller="Home"})',
                        type: 'GET',
                        data: { pocetNoci: nigths, pocetOsob: people, stravovani: food },
                        contentType: "application/json; charset=utf-8",
                        success: function(response) {
                            if (response !== "") {
                                document.getElementById("result7").innerHTML = response;
                            }
            
                            document.getElementById("submit7").disabled = false;
                        }
                    });
                });
            
                $('#submit8').click(function(){
                    hideDiv("error8");
            
                    var age = document.getElementById("exercise8age").value;
            
                    if (!validateNatural(age)) {
                        showDiv("error8");
                        return;
                    }
            
                    document.getElementById("submit8").disabled = true;
            
                    $.ajax({
                        url: '@Url.RouteUrl(new{ action="Priklad8", controller="Home"})',
                        type: 'GET',
                        data: { vek: age },
                        contentType: "application/json; charset=utf-8",
                        success: function(response) {
                            if (response !== "") {
                                document.getElementById("result8").innerHTML = response;
                            }
            
                            document.getElementById("submit8").disabled = false;
                        }
                    });
                });
            
                $('#submit9').click(function(){
                    hideDiv("error9");
            
                    var pencils = document.getElementById("exercise9pencils").value;
                    var delivery = document.querySelector('input[name = "exercise9delivery"]:checked').value;
            
                    if (!validateNatural(pencils)) {
                        showDiv("error9");
                        return;
                    }
            
                    document.getElementById("submit9").disabled = true;
            
                    $.ajax({
                        url: '@Url.RouteUrl(new{ action="Priklad9", controller="Home"})',
                        type: 'GET',
                        data: { pocetPastelek: pencils, doprava: delivery },
                        contentType: "application/json; charset=utf-8",
                        success: function(response) {
                            if (response !== "") {
                                document.getElementById("result9").innerHTML = response;
                            }
            
                            document.getElementById("submit9").disabled = false;
                        }
                    });
                });
            
                $('#submit10').click(function(){
                    hideDiv("error10");
            
                    var distance = document.getElementById("exercise10distance").value;
            
                    if (Number(distance) <= 0) {
                        showDiv("error10");
                        return;
                    }
            
                    document.getElementById("submit10").disabled = true;
            
                    $.ajax({
                        url: '@Url.RouteUrl(new{ action="Priklad10", controller="Home"})',
                        type: 'GET',
                        data: { vzdalenost: distance },
                        contentType: "application/json; charset=utf-8",
                        success: function(response) {
                            if (response !== "") {
                                document.getElementById("result10").innerHTML = response;
                            }
            
                            document.getElementById("submit10").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 6 - Podmíněný příkaz
		[HttpGet]
		public int? Priklad6(int pocetNoci, int pocetOsob, bool snidane)
		{		
			int? celkovaCena = null;
			
			// Začátek tvého kódu
			
			// Konec tvého kódu
			
			return celkovaCena;
		}
		
		// Příklad 7 - Podmíněný příkaz
		[HttpGet]
		public int? Priklad7(int pocetNoci, int pocetOsob, int stravovani)
		{		
			int? celkovaCena = null;
			
			// Začátek tvého kódu
			
			// Konec tvého kódu
			
			return celkovaCena;
		}
		
		// Příklad 8 - Podmíněný příkaz
		[HttpGet]
		public int? Priklad8(int vek)
		{		
			int? cena = null;
			
			// Začátek tvého kódu
			
			// Konec tvého kódu
			
			return cena;
		}
		
		// Příklad 9 - Podmíněný příkaz
		[HttpGet]
		public double? Priklad9(int pocetPastelek, int doprava)
		{		
			double? celkovaCena = null;
			
			// Začátek tvého kódu
			
			// Konec tvého kódu
			
			return celkovaCena;
		}
		
		// Příklad 10 - Podmíněný příkaz
		[HttpGet]
		public double? Priklad10(double vzdalenost)
		{		
			double? platba = null;
			
			// Začátek tvého kódu
			
			// Konec tvého kódu
			
			return platba;
		}
	}
}

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 6 - Podmíněný příkaz
        [HttpGet]
        public int? Priklad6(int pocetNoci, int pocetOsob, bool snidane)
        {       
            int? celkovaCena = null;
            
            // Začátek tvého kódu
            
            // Konec tvého kódu
            
            return celkovaCena;
        }
        
        // Příklad 7 - Podmíněný příkaz
        [HttpGet]
        public int? Priklad7(int pocetNoci, int pocetOsob, int stravovani)
        {       
            int? celkovaCena = null;
            
            // Začátek tvého kódu
            
            // Konec tvého kódu
            
            return celkovaCena;
        }
        
        // Příklad 8 - Podmíněný příkaz
        [HttpGet]
        public int? Priklad8(int vek)
        {       
            int? cena = null;
            
            // Začátek tvého kódu
            
            // Konec tvého kódu
            
            return cena;
        }
        
        // Příklad 9 - Podmíněný příkaz
        [HttpGet]
        public double? Priklad9(int pocetPastelek, int doprava)
        {       
            double? celkovaCena = null;
            
            // Začátek tvého kódu
            
            // Konec tvého kódu
            
            return celkovaCena;
        }
        
        // Příklad 10 - Podmíněný příkaz
        [HttpGet]
        public double? Priklad10(double vzdalenost)
        {       
            double? platba = null;
            
            // Začátek tvého kódu
            
            // Konec tvého kódu
            
            return platba;
        }
    }
}

View in Full Screen

Hello World
104
52
10

Last Run:	4:28:02 pm
Compile:	0.116s
Execute:	0s
Memory:	0b
CPU:	0s

View IL Code