<!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-2.js"></script>
</head>
<body>
<nav class="navbar is-white">
<div class="navbar-brand">
<a href="../insdex.html" class="navbar-item">
CDM Utils
</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">Boolean Algebra</p>
<p class="subtitle has-text-white">Simple implementation of different Boolean Algebra<br> operations, such as: Conjunction, Disjunction, Negation,<br> Implication and Equivalence</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 Value" onclick="AddValue();">
</div>
<div class="pb-3" id="values">
<div class="field">
<label class="label">Value A</label>
<div class="control">
<input class="input" type="text" placeholder="e.g. 1" id="value0">
</div>
</div>
<div class="field">
<label class="label">Value B</label>
<div class="control">
<input class="input" type="text" placeholder="e.g. 0" id="value1">
</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)*A=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>
</body>
</html>