<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>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
.card-header.optional h2:before {
.card-body, button, input {
font-size: 13px !important;
border: 1px solid rgba(0,0,0,.125);
input[type="text"], input[type="number"] {
display: inline-block !important;
input[type="checkbox"], input[type="radio"]
border: 1px solid #000000;
border: 1px solid #007BFF;
width: calc(100% - 40px);
border: 1px solid #ff4f4f;
<h1>Úvod do programování 1</h1>
<div class="accordion" id="exercises">
<div class="card-header" id="exercise6" data-toggle="collapse" data-target="#collapseExercise6" aria-expanded="true" aria-controls="collapseExercise6">
Příklad 6 – Podmíněný příkaz
<div id="collapseExercise6" class="collapse" aria-labelledby="exercise6" data-parent="#exercises">
<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>
<label for="exercise6nights">Počet nocí: </label>
<input type="number" class="form-control" id="exercise6nights" min="1" />
<label for="exercise6people">Počet osob: </label>
<input type="number" class="form-control" id="exercise6people" min="1" />
<input type="checkbox" class="form-control" id="exercise6breakfast" />
<label class="checkbox-label" for="exercise6breakfast"> Snídaně</label>
<div class="clear"></div>
<button class="btn btn-primary mb-2" id="submit6">Spočítej!</button>
<div id="error6" class="error hidden">Počet nocí i počet osob musí být přirozené číslo!</div>
<p>Celková cena: <span class="result" id="result6"> </span> Kč</p>
<div class="card-header" id="exercise7" data-toggle="collapse" data-target="#collapseExercise7" aria-expanded="true" aria-controls="collapseExercise7">
Příklad 7 – Podmíněný příkaz
<div id="collapseExercise7" class="collapse" aria-labelledby="exercise7" data-parent="#exercises">
<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>
<label for="exercise7nights">Počet nocí: </label>
<input type="number" class="form-control" id="exercise7nights" min="1" />
<label for="exercise7people">Počet osob: </label>
<input type="number" class="form-control" id="exercise7people" min="1" />
<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>
<button class="btn btn-primary mb-2" id="submit7">Spočítej!</button>
<div id="error7" class="error hidden">Počet nocí i počet osob musí být přirozené číslo!</div>
<p>Celková cena: <span class="result" id="result7"> </span> Kč</p>
<div class="icon">?</div>
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">
<th>Hodnota proměnné <code>stravovani</code></th>
<div class="clear"></div>
<div class="card-header" id="exercise8" data-toggle="collapse" data-target="#collapseExercise8" aria-expanded="true" aria-controls="collapseExercise8">
Příklad 8 – Podmíněný příkaz
<div id="collapseExercise8" class="collapse" aria-labelledby="exercise8" data-parent="#exercises">
<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">
<label for="exercise8age">Věk: </label>
<input type="number" class="form-control" id="exercise8age" min="0" />
<button class="btn btn-primary mb-2" id="submit8">Spočítej!</button>
<div id="error8" class="error hidden">Věk musí být přirozené číslo nebo nula!</div>
<p>Cena: <span class="result" id="result8"> </span> Kč</p>
<div class="card-header optional" id="exercise9" data-toggle="collapse" data-target="#collapseExercise9" aria-expanded="true" aria-controls="collapseExercise9">
Příklad 9 – Podmíněný příkaz
<div id="collapseExercise9" class="collapse" aria-labelledby="exercise9" data-parent="#exercises">
<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>
<label for="exercise9pencils">Pastelka: </label>
<input type="number" class="form-control" id="exercise9pencils" min="1" /> ks
<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>
<button class="btn btn-primary mb-2" id="submit9">Spočítej!</button>
<div id="error9" class="error hidden">Počet kusů musí být přirozené číslo!</div>
<p>Celková cena: <span class="result" id="result9"> </span> Kč</p>
<div class="icon">?</div>
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">
<th>Hodnota proměnné <code>doprava</code></th>
<div class="clear"></div>
<div class="card-header optional" id="exercise10" data-toggle="collapse" data-target="#collapseExercise10" aria-expanded="true" aria-controls="collapseExercise10">
Příklad 10 – Podmíněný příkaz
<div id="collapseExercise10" class="collapse" aria-labelledby="exercise10" data-parent="#exercises">
<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">
<th>Ujetá vzdálenost</th>
<label for="exercise10distance">Ujetá vzdálenost: </label>
<input type="number" class="form-control" id="exercise10distance" min="0" /> km
<button class="btn btn-primary mb-2" id="submit10">Spočítej!</button>
<div id="error10" class="error hidden">Ujetá vzdálenost musí být kladné číslo!</div>
<p>Platba taxikáři: <span class="result" id="result10"> </span> Kč</p>
<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">
document.getElementById(id).classList.remove("hidden");
document.getElementById(id).classList.add("visible");
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(){
var nigths = document.getElementById("exercise6nights").value;
var people = document.getElementById("exercise6people").value;
var breakfast = document.getElementById("exercise6breakfast").checked;
if (!validateNatural(nigths) || !validateNatural(people)) {
document.getElementById("submit6").disabled = true;
url: '@Url.RouteUrl(new{ action="Priklad6", controller="Home"})',
data: { pocetNoci: nigths, pocetOsob: people, snidane: breakfast },
contentType: "application/json; charset=utf-8",
success: function(response) {
document.getElementById("result6").innerHTML = response;
document.getElementById("submit6").disabled = false;
$('#submit7').click(function(){
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)) {
document.getElementById("submit7").disabled = true;
url: '@Url.RouteUrl(new{ action="Priklad7", controller="Home"})',
data: { pocetNoci: nigths, pocetOsob: people, stravovani: food },
contentType: "application/json; charset=utf-8",
success: function(response) {
document.getElementById("result7").innerHTML = response;
document.getElementById("submit7").disabled = false;
$('#submit8').click(function(){
var age = document.getElementById("exercise8age").value;
if (!validateNatural(age)) {
document.getElementById("submit8").disabled = true;
url: '@Url.RouteUrl(new{ action="Priklad8", controller="Home"})',
contentType: "application/json; charset=utf-8",
success: function(response) {
document.getElementById("result8").innerHTML = response;
document.getElementById("submit8").disabled = false;
$('#submit9').click(function(){
var pencils = document.getElementById("exercise9pencils").value;
var delivery = document.querySelector('input[name = "exercise9delivery"]:checked').value;
if (!validateNatural(pencils)) {
document.getElementById("submit9").disabled = true;
url: '@Url.RouteUrl(new{ action="Priklad9", controller="Home"})',
data: { pocetPastelek: pencils, doprava: delivery },
contentType: "application/json; charset=utf-8",
success: function(response) {
document.getElementById("result9").innerHTML = response;
document.getElementById("submit9").disabled = false;
$('#submit10').click(function(){
var distance = document.getElementById("exercise10distance").value;
if (Number(distance) <= 0) {
document.getElementById("submit10").disabled = true;
url: '@Url.RouteUrl(new{ action="Priklad10", controller="Home"})',
data: { vzdalenost: distance },
contentType: "application/json; charset=utf-8",
success: function(response) {
document.getElementById("result10").innerHTML = response;
document.getElementById("submit10").disabled = false;