133 lines
5.2 KiB
HTML
133 lines
5.2 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-1.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar is-white">
|
|
<div class="navbar-brand">
|
|
<a href="../insdex.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
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<script src="../js/index.js"></script>
|
|
|
|
|
|
|
|
<div class="columns gapless my-0 has-background-success is-multiline">
|
|
<div class="column is-6-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">Set Operations</p>
|
|
<p class="subtitle has-text-white">Simple implementation of different set operations, such as: Complement, Union, Intersection and Difference</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="column is-6-desktop is-12-tablet">
|
|
<div class="container">
|
|
<section class="hero is-fullheight-with-navbar">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<form class="box">
|
|
<div class="has-text-centered">
|
|
<input type="button" class="button is-info" value="Add new Set" onclick="AddSet();">
|
|
</div>
|
|
|
|
<div class="pb-3" id="sets">
|
|
<div class="field">
|
|
<label class="label">Set A</label>
|
|
<div class="control">
|
|
<input class="input" type="text" placeholder="e.g. 1,2,5" id="set0">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label">Set B</label>
|
|
<div class="control">
|
|
<input class="input" type="text" placeholder="e.g. 5,6,7" id="set1">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label">Formula</label>
|
|
<div class="control">
|
|
<input class="input" type="text" placeholder="e.g. (A+!B)/C" id="formula">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="has-text-centered">
|
|
<input type="button" class="button is-info" value="Evaluate" onclick="Evaluate();">
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label">Result</label>
|
|
<div class="control">
|
|
<input class="input" type="text" placeholder="" readonly id="result">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--<div class="columns gapless my-0 py-5 has-background-success is-mobile">
|
|
<div class="column is-3-desktop is-2-tablet is-1-mobile"></div>
|
|
|
|
<div class="column is-6-desktop is-8-tablet is-10-mobile">
|
|
|
|
</div>
|
|
|
|
<div class="column is-3-desktop is-2-tablet is-1-mobile"></div>
|
|
</div>-->
|
|
|
|
</body>
|
|
</html> |