148 lines
5.6 KiB
HTML
148 lines
5.6 KiB
HTML
<!DOCTYPE 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>Lab-1</title>
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
|
|
|
|
<script src="../js/lab-3.js"></script>
|
|
|
|
<style>
|
|
|
|
.center {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar is-white">
|
|
<div class="navbar-brand">
|
|
<a href="../index.html" class="navbar-item">
|
|
<!-- <img class="mr-2 py-1" src="assets/cuqmbr.png" alt="Cucumber emoji image"> -->
|
|
CDM Utils
|
|
<!-- <img class="ml-2 py-1" src="assets/Shchoholev-logo.png" alt="Cucumber emoji image"> -->
|
|
</a>
|
|
|
|
<a class="navbar-burger" id="burger">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="navbar-menu" id="nav-links">
|
|
<din class="navbar-start">
|
|
<a href="../index.html" class="navbar-item">
|
|
Home
|
|
</a>
|
|
</din>
|
|
|
|
<div class="navbar-end">
|
|
<div class="navbar-item has-dropdown is-hoverable" id='dropdown'>
|
|
<a class="navbar-link">
|
|
Introduction. Set Theory
|
|
</a>
|
|
|
|
<div class="navbar-dropdown">
|
|
<a href="lab-1.html" class="navbar-item">
|
|
Set Algebra (Lab 1)
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<script src="../js/index.js"></script>
|
|
|
|
<div class="columns gapless my-0 has-background-success">
|
|
<div class="column is-8-desktop is-12-tablet py-0">
|
|
<section class="hero is-fullheight-with-navbar">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<p class="title has-text-white">Lab 3 - Generating permutations and combinations</p>
|
|
<p class="subtitle has-text-white">Simple implementation of algorithms for generating permutations and combinations of some set. A built in timer included in order to make your research much more pleasent and faster</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns gapless my-0 has-background-success is-multiline is-mobile">
|
|
|
|
<div class="column is-1"></div>
|
|
|
|
<div class="column mb-2 is-4-desktop is-10-tablet is-10-mobile">
|
|
<div class="container">
|
|
<form class="box">
|
|
<div class="has-text-centered mb-2">
|
|
<label class="title is-4">Permutations Generator</label>
|
|
</div>
|
|
|
|
<div class="pb-3" id="sets">
|
|
<div class="field">
|
|
<label class="label">Number of elements in set</label>
|
|
<div class="control">
|
|
<input class="input" type="text" placeholder="e.g. 5" id="permCount">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="has-text-centered">
|
|
<input type="button" class="button is-info" value="Generate" onclick="GeneratePermutations()" id="permBtn">
|
|
<progress class="progress is-small is-info" id="permProgress" style="display: none;"></progress>
|
|
</div>
|
|
|
|
<div class="has-text-centered mt-3" id="permGenTimeHolder" style="display: none;">
|
|
<p id="permGenTime" style="margin: auto;">Time elapsed: 125623 milliseconds</p>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-1"></div>
|
|
<div class="column is-1"></div>
|
|
|
|
<div class="column mt-2 is-4-desktop is-10-tablet is-10-mobile">
|
|
<div class="container">
|
|
<form class="box">
|
|
<div class="has-text-centered mb-2">
|
|
<label class="title is-4">Combinations Generator</label>
|
|
</div>
|
|
|
|
<div class="pb-3" id="sets">
|
|
<div class="field">
|
|
<label class="label">Number of elements in set</label>
|
|
<div class="control">
|
|
<input class="input" type="text" placeholder="e.g. 5" id="permCount">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="has-text-centered">
|
|
<input type="button" class="button is-info" value="Generate" onclick="GeneratePermutations()" id="permBtn">
|
|
<progress class="progress is-small is-info" id="permProgress" style="display: none;"></progress>
|
|
</div>
|
|
|
|
<div class="has-text-centered mt-3" id="permGenTimeHolder" style="display: none;">
|
|
<p id="permGenTime" style="margin: auto;">Time elapsed: 125623 milliseconds</p>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column is-1"></div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |