cuqmbr/cdm-utils
1
0
Fork 0
Code Issues Pull Requests Activity

put it all together

Browse Source
This commit is contained in:
Shchoholiev 2021-12-10 20:19:45 +02:00
parent ddfae96195
commit 37282c8239
6 changed files with 208 additions and 177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
Boolean-Algebra/index.html
View File

@ -16,31 +16,33 @@
<div class="gradient"></div> <div class="gradient"></div>
<div class="container"> <div class="container" id="container">
<header> <header>
<div class="content"> <div class="content">
<h3><a href="..">CDM</a></h3> <h3><a href="../index.html">CDM</a></h3>
<div class="theme"> <div class="theme">
<h3><a href="../Set-Algebra">Set Algebra</a></h3> <h3><a href="../Set-Algebra/index.html">Set Algebra</a></h3>
<h3><a href="">Boolean Algebra</a></h3> <h3><a href="" class="current">Boolean Algebra</a></h3>
</div> </div>
</div> </div>
</header> </header>
<div class="wrapper"> <h1 class="title">Boolean Algebra Calculator</h1>
<div class="wrapper no-top-margin">
<div class="wrap-side"> <div class="wrap-side">
<h1>Values</h1> <h1>Values</h1>
<div id="values"> <div id="values">
<div class="input-wrap"> <div class="input-wrap">
<h1 class="text">Value A = </h1> <h1 class="text">Value A = </h1>
<div class="input"><input type="value" id="value0" onkeydown="return checkInputValue(event.key, this.value)" placeholder="e.g. 0 or 1" /></div> <div class="input"><input type="value" id="value0" onkeydown="return checkInputValue(event.key, this.value, this.id)" placeholder="e.g. 0 or 1" /></div>
</div> </div>
<div class="input-wrap"> <div class="input-wrap">
<h1 class="text">Value B = </h1> <h1 class="text">Value B = </h1>
<div class="input"><input type="value" id="value1" onkeydown="return checkInputValue(event.key, this.value)" placeholder="e.g. 0 or 1" /></div> <div class="input"><input type="value" id="value1" onkeydown="return checkInputValue(event.key, this.value, this.id)" placeholder="e.g. 0 or 1" /></div>
</div> </div>
</div> </div>
<input class="addValue" type="button" value="Add Value" onclick="AddValue()" /> <input class="addValue" type="button" value="Add Value" onclick="AddValue()" />
@ -48,7 +50,7 @@
<div class="wrap-side"> <div class="wrap-side">
<h1>Formulua</h1> <h1>Formulua</h1>
<h2><input type="problem" id="formula" onkeydown="return checkInputProblem(event.key)" placeholder="e.g. !A*(B+C)" /></h2> <h2><input type="problem" id="formula" onkeydown="return checkInputProblem(event.key, this.id)" placeholder="e.g. !A*(B+C)" /></h2>
<div class="buttons"> <div class="buttons">
<input class="button" type="button" id="calculate" value="Evaluate" onclick="Evaluate()" /> <input class="button" type="button" id="calculate" value="Evaluate" onclick="Evaluate()" />
<input class="button" type="button" id="calculate" value="Step by step" onclick="StepByStep()" /> <input class="button" type="button" id="calculate" value="Step by step" onclick="StepByStep()" />
@ -102,7 +104,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="wrapper hide close" id="truthTableNode"> <div class="wrapper hide close" id="truthTableNode">
<div class="close-button" onclick="ToggleTruthTable(false)"><img src="../img/cross-close-icon.png" style="width: 12px;"></div> <div class="close-button" onclick="ToggleTruthTable(false)"><img src="../img/cross-close-icon.png" style="width: 12px;"></div>
<div class="step-by-step" id="truthTableWrapper"> <div class="step-by-step" id="truthTableWrapper">

344
Boolean-Algebra/script.js
View File

@ -8,22 +8,23 @@ function AddValue() {
if (currNumOfValues < 26) { if (currNumOfValues < 26) {
let charNum = 65 + currNumOfValues; let charNum = 65 + currNumOfValues;
symbols2.push(alphabet[currNumOfValues]);
currNumOfValues++; currNumOfValues++;
let delBtn = document.querySelectorAll('#delBtn'); let delBtn = document.querySelectorAll('#delBtn');
if (delBtn[delBtn.length - 1]) { if (delBtn[delBtn.length - 1]) {
delBtn[delBtn.length - 1].style="display: none;"; delBtn[delBtn.length - 1].style = "display: none;";
} }
node = document.getElementById('values'); node = document.getElementById('values');
node.insertAdjacentHTML('beforeend', ` <div class="input-wrap"> node.insertAdjacentHTML('beforeend', ` <div class="input-wrap">
<h1 class="text">Value &#${charNum} = </h1> <h1 class="text">Value &#${charNum} = </h1>
<div class="input"><input type="value" onkeydown="return checkInputValue(event.key, this.value)" id="value${currNumOfValues - 1}" placeholder="e.g. 0 or 1"/></div> <div class="input"><input type="value" onkeydown="return checkInputValue(event.key, this.value, this.id)" id="value${currNumOfValues - 1}" placeholder="e.g. 0 or 1"/></div>
</div>`); </div>`);
} else { } else {
alert('You have reached a limint of available values'); alert('You have reached a limint of available values');
} }
} }
let VALUES = new Set(); let VALUES = new Set();
@ -34,11 +35,11 @@ function FetchValues() {
userValues = new Array(); userValues = new Array();
for (let i = 0; i < currNumOfValues; i++) { for (let i = 0; i < currNumOfValues; i++) {
let inputField = document.getElementById(`value${i}`); let inputField = document.getElementById(`value${i}`);
let currCharStr = String.fromCharCode(65 + i); let currCharStr = String.fromCharCode(65 + i);
if (inputField.value === '1' || inputField.value === 'true' || inputField.value === 'True'|| inputField.value === 'TRUE' || inputField.value === 't' || inputField.value === 'T') { if (inputField.value === '1' || inputField.value === 'true' || inputField.value === 'True' || inputField.value === 'TRUE' || inputField.value === 't' || inputField.value === 'T') {
VALUES.add(currCharStr); VALUES.add(currCharStr);
userValues.push([currCharStr, true]); userValues.push([currCharStr, true]);
} else if (inputField.value === '0' || inputField.value === 'false' || inputField.value === 'False' || inputField.value === 'FALSE' || inputField.value === 'f' || inputField.value === 'F') { } else if (inputField.value === '0' || inputField.value === 'false' || inputField.value === 'False' || inputField.value === 'FALSE' || inputField.value === 'f' || inputField.value === 'F') {
@ -54,7 +55,7 @@ function FetchValues() {
// Evaluate given formula and display the result // Evaluate given formula and display the result
function Evaluate() { function Evaluate() {
// ToggleAll(false); // ToggleAll(false);
FetchValues(); FetchValues();
@ -120,7 +121,7 @@ function ConvertToRPNArray(chars) {
for (let i = 0; i < chars.length; i++) { for (let i = 0; i < chars.length; i++) {
const element = chars[i]; const element = chars[i];
if (!OPERATORS.has(element) && !BRACKETS.has(element)) { if (!OPERATORS.has(element) && !BRACKETS.has(element)) {
_values_stack.push(element); _values_stack.push(element);
@ -176,7 +177,7 @@ function ConvertCharsToValues(RPNArray) {
let valuesRNPArray = new Array(); let valuesRNPArray = new Array();
RPNArray.forEach(element => { RPNArray.forEach(element => {
if (VALUES.has(element)) { if (VALUES.has(element)) {
valuesRNPArray.push(GetValueFromIndex(element)); valuesRNPArray.push(GetValueFromIndex(element));
} else if (element !== '(' || element !== ')') { } else if (element !== '(' || element !== ')') {
@ -191,69 +192,69 @@ function SolveRPNFormula(valuesRPNArray) {
let stepByStepResults = new Array(); let stepByStepResults = new Array();
let _stack = new Array(); let _stack = new Array();
for (let i = 0; i < valuesRPNArray.length; i++) { for (let i = 0; i < valuesRPNArray.length; i++) {
const element = valuesRPNArray[i]; const element = valuesRPNArray[i];
if (OPERATORS.has(element)) { if (OPERATORS.has(element)) {
if (element == '!') { if (element == '!') {
let _currValue = _stack.pop(); let _currValue = _stack.pop();
let _result = Negation(_currValue); let _result = Negation(_currValue);
_stack.push(_result); _stack.push(_result);
stepByStepResults.push(ConvertToReadableResult(_result)); stepByStepResults.push(ConvertToReadableResult(_result));
} else if (element == '*') { } else if (element == '*') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = Conjunction(_firstValue, _secondValue); let _result = Conjunction(_firstValue, _secondValue);
_stack.push(_result); _stack.push(_result);
stepByStepResults.push(ConvertToReadableResult(_result)); stepByStepResults.push(ConvertToReadableResult(_result));
} else if (element == '+') { } else if (element == '+') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = Disjunction(_firstValue, _secondValue); let _result = Disjunction(_firstValue, _secondValue);
_stack.push(_result); _stack.push(_result);
stepByStepResults.push(ConvertToReadableResult(_result)); stepByStepResults.push(ConvertToReadableResult(_result));
} else if (element == '>') { } else if (element == '>') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = Disjunction(Negation(_firstValue), _secondValue); let _result = Disjunction(Negation(_firstValue), _secondValue);
_stack.push(_result); _stack.push(_result);
stepByStepResults.push(ConvertToReadableResult(_result)); stepByStepResults.push(ConvertToReadableResult(_result));
} else if (element == '=') { } else if (element == '=') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = Equivalence(_firstValue, _secondValue); let _result = Equivalence(_firstValue, _secondValue);
_stack.push(_result); _stack.push(_result);
stepByStepResults.push(ConvertToReadableResult(_result)); stepByStepResults.push(ConvertToReadableResult(_result));
} }
} else { } else {
_stack.push(element); _stack.push(element);
} }
} }
return _stack[0]; return _stack[0];
} }
@ -278,22 +279,22 @@ function StepByStep() {
let resultField = document.getElementById('result'); let resultField = document.getElementById('result');
resultField.value = readableResult; resultField.value = readableResult;
let stepsActionsArray = GetCharSteps(formulaRPNArray); let stepsActionsArray = GetCharSteps(formulaRPNArray);
let stepsResultsArray = GetStepsResults(formulaValuesRPNArray); let stepsResultsArray = GetStepsResults(formulaValuesRPNArray);
// console.log(stepsActionsArray); // console.log(stepsActionsArray);
// console.log(stepsResultsArray); // console.log(stepsResultsArray);
if (stepsResultsArray.length > 0) { if (stepsResultsArray.length > 0) {
ToggleSteps(true); ToggleSteps(true);
for (let i = 0; i < stepsActionsArray.length; i++) { for (let i = 0; i < stepsActionsArray.length; i++) {
const action = stepsActionsArray[i]; const action = stepsActionsArray[i];
const result = stepsResultsArray[i]; const result = stepsResultsArray[i];
stepsWrapper.insertAdjacentHTML('beforeend', ` <div class="input-wrap" id="input-wrap"> stepsWrapper.insertAdjacentHTML('beforeend', ` <div class="input-wrap" id="input-wrap">
<h1 class="text">${i+1}. </h1> <h1 class="text">${i+1}. </h1>
<div class="input"><input type="result" value="${action} = ${result}" readonly/></div> <div class="input"><input type="result" value="${action} = ${result}" readonly/></div>
@ -301,193 +302,194 @@ function StepByStep() {
} }
} }
stepsWrapper.scrollIntoView({behavior:'smooth', block: 'center'}); stepsWrapper.scrollIntoView({ behavior: 'smooth', block: 'center' });
// Get steps in form of characters // Get steps in form of characters
function GetCharSteps(RPNArray) { function GetCharSteps(RPNArray) {
let stepsArray = new Array(); let stepsArray = new Array();
let _stack = new Array(); let _stack = new Array();
for (let i = 0; i < RPNArray.length; i++) { for (let i = 0; i < RPNArray.length; i++) {
const element = RPNArray[i]; const element = RPNArray[i];
if (OPERATORS.has(element)) { if (OPERATORS.has(element)) {
if (element == '!') { if (element == '!') {
let _currValue = _stack.pop(); let _currValue = _stack.pop();
let _result; let _result;
if (_currValue.length <= 2) { if (_currValue.length <= 2) {
_result = '!'.concat(_currValue); _result = '!'.concat(_currValue);
} else { } else {
_result = '!'.concat('(').concat(_currValue).concat(')'); _result = '!'.concat('(').concat(_currValue).concat(')');
} }
_stack.push(_result); _stack.push(_result);
stepsArray.push([_result]); stepsArray.push([_result]);
} else if (element == '*') { } else if (element == '*') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result; let _result;
let _firstHasExclemMark = Boolean(_firstValue.split('').filter(x => x === '!').length); let _firstHasExclemMark = Boolean(_firstValue.split('').filter(x => x === '!').length);
let _secondHasExclemMark = Boolean(_secondValue.split('').filter(x => x === '!').length); let _secondHasExclemMark = Boolean(_secondValue.split('').filter(x => x === '!').length);
if (_firstValue.length <= 2 && _secondValue.length <= 2) { if (_firstValue.length <= 2 && _secondValue.length <= 2) {
_result = _firstValue.concat('*').concat(_secondValue); _result = _firstValue.concat('*').concat(_secondValue);
} else if (_firstValue.length <= 2 && _secondValue.length > 2) { } else if (_firstValue.length <= 2 && _secondValue.length > 2) {
if (_secondHasExclemMark) { if (_secondHasExclemMark) {
_result = _firstValue.concat('*').concat(_secondValue); _result = _firstValue.concat('*').concat(_secondValue);
} else { } else {
_result = _result =
_firstValue.concat('*').concat('(').concat(_secondValue).concat(')'); _firstValue.concat('*').concat('(').concat(_secondValue).concat(')');
} }
} else if (_firstValue.length > 2 && _secondValue.length <= 2) { } else if (_firstValue.length > 2 && _secondValue.length <= 2) {
if (_firstHasExclemMark) { if (_firstHasExclemMark) {
_result = _firstValue.concat('*').concat(_secondValue); _result = _firstValue.concat('*').concat(_secondValue);
} else { } else {
_result = '('.concat(_firstValue).concat(')').concat('*').concat(_secondValue); _result = '('.concat(_firstValue).concat(')').concat('*').concat(_secondValue);
} }
} else if (_firstValue.length > 2 && _secondValue.length > 2) { } else if (_firstValue.length > 2 && _secondValue.length > 2) {
if (_firstHasExclemMark && _secondHasExclemMark) { if (_firstHasExclemMark && _secondHasExclemMark) {
_result = _firstValue.concat('*').concat(_secondValue); _result = _firstValue.concat('*').concat(_secondValue);
} if (_firstHasExclemMark && !_secondHasExclemMark) { }
if (_firstHasExclemMark && !_secondHasExclemMark) {
_result = _firstValue.concat('*').concat('(').concat(_secondValue).concat(')'); _result = _firstValue.concat('*').concat('(').concat(_secondValue).concat(')');
} else if (!_firstHasExclemMark && _secondHasExclemMark) { } else if (!_firstHasExclemMark && _secondHasExclemMark) {
_result = '('.concat(_firstValue).concat(')').concat('*').concat(_secondValue);; _result = '('.concat(_firstValue).concat(')').concat('*').concat(_secondValue);;
} else { } else {
_result = '('.concat(_firstValue).concat(')').concat('*').concat('(').concat(_secondValue).concat(')'); _result = '('.concat(_firstValue).concat(')').concat('*').concat('(').concat(_secondValue).concat(')');
} }
} }
_stack.push(_result); _stack.push(_result);
stepsArray.push([_result]); stepsArray.push([_result]);
} else if (element == '+') { } else if (element == '+') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = _firstValue.concat('+').concat(_secondValue); let _result = _firstValue.concat('+').concat(_secondValue);
_stack.push(_result); _stack.push(_result);
stepsArray.push([_result]); stepsArray.push([_result]);
} else if (element == '>') { } else if (element == '>') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = _firstValue.concat('>').concat(_secondValue); let _result = _firstValue.concat('>').concat(_secondValue);
_stack.push(_result); _stack.push(_result);
stepsArray.push([_result]); stepsArray.push([_result]);
} else if (element == '=') { } else if (element == '=') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = _firstValue.concat('=').concat(_secondValue); let _result = _firstValue.concat('=').concat(_secondValue);
_stack.push(_result); _stack.push(_result);
stepsArray.push([_result]); stepsArray.push([_result]);
} }
} else { } else {
_stack.push(element); _stack.push(element);
} }
} }
return stepsArray; return stepsArray;
// return _stack[0]; // return _stack[0];
} }
// Get a result of each step // Get a result of each step
function GetStepsResults(valuesRPNArray) { function GetStepsResults(valuesRPNArray) {
let stepByStepResults = new Array(); let stepByStepResults = new Array();
let _stack = new Array(); let _stack = new Array();
for (let i = 0; i < valuesRPNArray.length; i++) { for (let i = 0; i < valuesRPNArray.length; i++) {
const element = valuesRPNArray[i]; const element = valuesRPNArray[i];
if (OPERATORS.has(element)) { if (OPERATORS.has(element)) {
if (element == '!') { if (element == '!') {
let _currValue = _stack.pop(); let _currValue = _stack.pop();
let _result = Negation(_currValue); let _result = Negation(_currValue);
_stack.push(_result); _stack.push(_result);
stepByStepResults.push(ConvertToReadableResult(_result)); stepByStepResults.push(ConvertToReadableResult(_result));
} else if (element == '*') { } else if (element == '*') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = Conjunction(_firstValue, _secondValue); let _result = Conjunction(_firstValue, _secondValue);
_stack.push(_result); _stack.push(_result);
stepByStepResults.push(ConvertToReadableResult(_result)); stepByStepResults.push(ConvertToReadableResult(_result));
} else if (element == '+') { } else if (element == '+') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = Disjunction(_firstValue, _secondValue); let _result = Disjunction(_firstValue, _secondValue);
_stack.push(_result); _stack.push(_result);
stepByStepResults.push(ConvertToReadableResult(_result)); stepByStepResults.push(ConvertToReadableResult(_result));
} else if (element == '>') { } else if (element == '>') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = Disjunction(Negation(_firstValue), _secondValue); let _result = Disjunction(Negation(_firstValue), _secondValue);
_stack.push(_result); _stack.push(_result);
stepByStepResults.push(ConvertToReadableResult(_result)); stepByStepResults.push(ConvertToReadableResult(_result));
} else if (element == '=') { } else if (element == '=') {
let _secondValue = _stack.pop(); let _secondValue = _stack.pop();
let _firstValue = _stack.pop(); let _firstValue = _stack.pop();
let _result = Equivalence(_firstValue, _secondValue); let _result = Equivalence(_firstValue, _secondValue);
_stack.push(_result); _stack.push(_result);
stepByStepResults.push(ConvertToReadableResult(_result)); stepByStepResults.push(ConvertToReadableResult(_result));
} }
} else { } else {
_stack.push(element); _stack.push(element);
} }
} }
return stepByStepResults; return stepByStepResults;
} }
} }
@ -508,7 +510,7 @@ function BuildTruthTable() {
function GenerateTruthTable() { function GenerateTruthTable() {
let formulaField = document.getElementById('formula'); let formulaField = document.getElementById('formula');
let numColumns = formulaField.value.match(/[A-Z]/g).filter((c, i) => document.getElementById('formula').value.match(/[A-Z]/g).indexOf(c) == i).length; let numColumns = formulaField.value.match(/[A-Z]/g).filter((c, i) => document.getElementById('formula').value.match(/[A-Z]/g).indexOf(c) == i).length;
let numRows = Math.pow(2, numColumns); let numRows = Math.pow(2, numColumns);
@ -518,23 +520,23 @@ function GenerateTruthTable() {
for (let i = 0; i < numRows; i++) { for (let i = 0; i < numRows; i++) {
truthTable.push(new Array(numColumns + 1)); truthTable.push(new Array(numColumns + 1));
} }
for (let c = 0; c < numColumns; c++) { for (let c = 0; c < numColumns; c++) {
let period = Math.pow(2, numColumns) / Math.pow(2, c+1); let period = Math.pow(2, numColumns) / Math.pow(2, c + 1);
let zeros = true; let zeros = true;
for (let r = 0; r < numRows; r++) { for (let r = 0; r < numRows; r++) {
if (zeros) { if (zeros) {
truthTable[r][c] = false; truthTable[r][c] = false;
} }
if (!zeros) { if (!zeros) {
truthTable[r][c] = true; truthTable[r][c] = true;
} }
if ((r+1) % period == 0) { if ((r + 1) % period == 0) {
zeros = !zeros; zeros = !zeros;
} }
} }
@ -556,35 +558,35 @@ function GenerateTruthTable() {
// Display truth table in the interface // Display truth table in the interface
function DisplayTruthTable(matrix, header) { function DisplayTruthTable(matrix, header) {
//Display the truth table in the interface //Display the truth table in the interface
ToggleTruthTable(true); ToggleTruthTable(true);
let truthTableWrapper = document.querySelector('#truthTableWrapper'); let truthTableWrapper = document.querySelector('#truthTableWrapper');
truthTableWrapper.insertAdjacentHTML('beforeend', ` <div class="input-wrap" id="input-wrap"> truthTableWrapper.insertAdjacentHTML('beforeend', ` <div class="input-wrap" id="input-wrap">
<h1 class="text"></h1> <h1 class="text"></h1>
<div class="input"><input type="table-start" value="${header.join(' ')} : Result" readonly/></div> <div class="input"><input type="table-start" value="${header.join(' ')} : Result" readonly/></div>
</div>`); </div>`);
let type = 'table-start';
for (let r = 0; r < matrix.length; r++) { let type = 'table-start';
if (r == matrix.length - 1) {
type = 'table-end';
} else if (type != 0) {
type = 'table-mid';
}
let result = matrix[r].pop(); for (let r = 0; r < matrix.length; r++) {
truthTableWrapper.insertAdjacentHTML('beforeend', ` <div class="input-wrap" id="input-wrap"> if (r == matrix.length - 1) {
type = 'table-end';
} else if (type != 0) {
type = 'table-mid';
}
let result = matrix[r].pop();
truthTableWrapper.insertAdjacentHTML('beforeend', ` <div class="input-wrap" id="input-wrap">
<h1 class="text"></h1> <h1 class="text"></h1>
<div class="input"><input type="${type}" value="${matrix[r].map(x => x = ConvertToReadableResult(x)).join(' ')} : ${ConvertToReadableResult(result)}" readonly/></div> <div class="input"><input type="${type}" value="${matrix[r].map(x => x = ConvertToReadableResult(x)).join(' ')} : ${ConvertToReadableResult(result)}" readonly/></div>
</div>`); </div>`);
} }
truthTableWrapper.scrollIntoView({behavior:'smooth', block: 'center'}); truthTableWrapper.scrollIntoView({ behavior: 'smooth', block: 'center' });
} }
//#endregion //#endregion
@ -606,14 +608,14 @@ function GeneratePDNF() {
for (let r = 0; r < matrix.length; r++) { for (let r = 0; r < matrix.length; r++) {
if (matrix[r][matrix[r].length - 1] == 1) { if (matrix[r][matrix[r].length - 1] == 1) {
pdnf += mintermCount != 0 ? '+(' : '('; pdnf += mintermCount != 0 ? '+(' : '(';
for (let c = 0; c < matrix[r].length - 1; c++) { for (let c = 0; c < matrix[r].length - 1; c++) {
pdnf += matrix[r][c] == 0 ? '!' + header[c] : header[c]; pdnf += matrix[r][c] == 0 ? '!' + header[c] : header[c];
pdnf += c != matrix[r].length - 2 ? '*' : ''; pdnf += c != matrix[r].length - 2 ? '*' : '';
} }
pdnf += ')'; pdnf += ')';
mintermCount++; mintermCount++;
} }
@ -627,13 +629,13 @@ function DisplayPDNF(pdnf) {
TogglePDNF(true); TogglePDNF(true);
let Wrapper = document.querySelector('#pdnfWrapper'); let Wrapper = document.querySelector('#pdnfWrapper');
Wrapper.insertAdjacentHTML('beforeend', ` <div class="input-wrap" id="input-wrap"> Wrapper.insertAdjacentHTML('beforeend', ` <div class="input-wrap" id="input-wrap">
<h1 class="text"></h1> <h1 class="text"></h1>
<div class="input"><input type="result" value="${pdnf}" readonly/></div> <div class="input"><input type="result" value="${pdnf}" readonly/></div>
</div>`); </div>`);
Wrapper.scrollIntoView({behavior:'smooth', block: 'center'}); Wrapper.scrollIntoView({ behavior: 'smooth', block: 'center' });
} }
@ -674,13 +676,13 @@ function DisplayPCNF(pcnf) {
TogglePCNF(true); TogglePCNF(true);
let Wrapper = document.querySelector('#pcnfWrapper'); let Wrapper = document.querySelector('#pcnfWrapper');
Wrapper.insertAdjacentHTML('beforeend', ` <div class="input-wrap" id="input-wrap"> Wrapper.insertAdjacentHTML('beforeend', ` <div class="input-wrap" id="input-wrap">
<h1 class="text"></h1> <h1 class="text"></h1>
<div class="input"><input type="result" value="${pcnf}" readonly/></div> <div class="input"><input type="result" value="${pcnf}" readonly/></div>
</div>`); </div>`);
Wrapper.scrollIntoView({behavior:'smooth', block: 'center'}); Wrapper.scrollIntoView({ behavior: 'smooth', block: 'center' });
} }
//#endregion //#endregion
@ -690,7 +692,7 @@ function ToggleSteps(show) {
let Node = document.querySelector('#stepsNode'); let Node = document.querySelector('#stepsNode');
let Wrapper = document.querySelector('#stepsWrapper'); let Wrapper = document.querySelector('#stepsWrapper');
if (show) { if (show) {
Node.classList.remove('hide'); Node.classList.remove('hide');
Node.classList.remove('close'); Node.classList.remove('close');
@ -700,7 +702,7 @@ function ToggleSteps(show) {
} else { } else {
Node.classList.add('close'); Node.classList.add('close');
setTimeout(() => Node.classList.add('hide'), 600); setTimeout(() => Node.classList.add('hide'), 600);
document.body.scrollIntoView({behavior:'smooth', block: 'start'}); document.body.scrollIntoView({ behavior: 'smooth', block: 'start' });
} }
} }
@ -708,7 +710,7 @@ function ToggleTruthTable(show) {
let Node = document.querySelector('#truthTableNode'); let Node = document.querySelector('#truthTableNode');
let Wrapper = document.querySelector('#truthTableWrapper'); let Wrapper = document.querySelector('#truthTableWrapper');
if (show) { if (show) {
Node.classList.remove('hide'); Node.classList.remove('hide');
Node.classList.remove('close'); Node.classList.remove('close');
@ -718,7 +720,7 @@ function ToggleTruthTable(show) {
} else { } else {
Node.classList.add('close'); Node.classList.add('close');
setTimeout(() => Node.classList.add('hide'), 600); setTimeout(() => Node.classList.add('hide'), 600);
document.body.scrollIntoView({behavior:'smooth', block: 'start'}); document.body.scrollIntoView({ behavior: 'smooth', block: 'start' });
} }
} }
@ -726,7 +728,7 @@ function TogglePDNF(show) {
let Node = document.querySelector('#pdnfNode'); let Node = document.querySelector('#pdnfNode');
let Wrapper = document.querySelector('#pdnfWrapper'); let Wrapper = document.querySelector('#pdnfWrapper');
if (show) { if (show) {
Node.classList.remove('hide'); Node.classList.remove('hide');
Node.classList.remove('close'); Node.classList.remove('close');
@ -736,7 +738,7 @@ function TogglePDNF(show) {
} else { } else {
Node.classList.add('close'); Node.classList.add('close');
setTimeout(() => Node.classList.add('hide'), 600); setTimeout(() => Node.classList.add('hide'), 600);
document.body.scrollIntoView({behavior:'smooth', block: 'start'}); document.body.scrollIntoView({ behavior: 'smooth', block: 'start' });
} }
} }
@ -744,7 +746,7 @@ function TogglePCNF(show) {
let Node = document.querySelector('#pcnfNode'); let Node = document.querySelector('#pcnfNode');
let Wrapper = document.querySelector('#pcnfWrapper'); let Wrapper = document.querySelector('#pcnfWrapper');
if (show) { if (show) {
Node.classList.remove('hide'); Node.classList.remove('hide');
Node.classList.remove('close'); Node.classList.remove('close');
@ -754,7 +756,7 @@ function TogglePCNF(show) {
} else { } else {
Node.classList.add('close'); Node.classList.add('close');
setTimeout(() => Node.classList.add('hide'), 600); setTimeout(() => Node.classList.add('hide'), 600);
document.body.scrollIntoView({behavior:'smooth', block: 'start'}); document.body.scrollIntoView({ behavior: 'smooth', block: 'start' });
} }
} }
@ -787,10 +789,10 @@ function GetValueFromIndex(valueIndex) {
for (let i = 0; i < userValues.length; i++) { for (let i = 0; i < userValues.length; i++) {
const element = userValues[i]; const element = userValues[i];
if (element[0] == valueIndex) { if (element[0] == valueIndex) {
return element[1]; return element[1];
} }
} }
} }
@ -810,25 +812,41 @@ function Error(errMsg) {
const symbols = ['0', '1']; const symbols = ['0', '1'];
const specialSymbols = ['Backspace', 'ArrowLeft', 'ArrowRight', 'Delete']; const specialSymbols = ['Backspace', 'ArrowLeft', 'ArrowRight', 'Delete'];
function checkInputValue(key, value) { function checkInputValue(key, value, id) {
if (value.length < 1 && symbols.indexOf(key) !== -1) { if (value.length < 1 && symbols.indexOf(key) !== -1) {
return true; return true;
} else if (value.length == 1 && specialSymbols.indexOf(key) !== -1) { } else if (value.length == 1 && specialSymbols.indexOf(key) !== -1) {
return true; return true;
} } else {
else { function backBg() { document.getElementById(id).style.backgroundColor = 'rgba(255, 255, 255, 0)' }
document.getElementById(id).style.backgroundColor = 'rgba(235, 52, 116, 0.7)';
document.getElementById(id).style.transition = '0.2s';
setTimeout(backBg, 600);
return false; return false;
} }
} }
const symbols2 = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K',
'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V',
'W', 'X', 'Y', 'Z', 'Backspace', 'ArrowLeft', 'ArrowRight', 'Delete',
'>', '=', '+', '*', '!', '(', ')'
];
function checkInputProblem(key) { function checkInputProblem(key, id) {
return (symbols2.indexOf(key) != -1) ? true : false; if (symbols2.indexOf(key) != -1) {
return true;
} else {
function backBg() { document.getElementById(id).style.backgroundColor = 'rgba(255, 255, 255, 0)' }
document.getElementById(id).style.backgroundColor = 'rgba(235, 52, 116, 0.7)';
document.getElementById(id).style.transition = '0.2s';
setTimeout(backBg, 600);
return false;
}
} }
const alphabet = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K',
'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V',
'W', 'X', 'Y', 'Z'
];
let symbols2 = ['A', 'B', 'Backspace', 'ArrowLeft', 'ArrowRight', 'Delete', 'Shift',
'-', '+', '/', '!', '(', ')'
];
//#endregion //#endregion

1
Set-Algebra/index.html
View File

@ -83,6 +83,7 @@
</div> </div>
<div class="wrapper hide" id="stepByStep"> <div class="wrapper hide" id="stepByStep">
<div class="close-button" onclick="Close()"><img src="../img/cross-close-icon.png" style="width: 12px;"></div>
<div class="step-by-step" id="steps"> <div class="step-by-step" id="steps">
<h1>Step by step</h1> <h1>Step by step</h1>
</div> </div>

8
Set-Algebra/script.js
View File

@ -133,6 +133,7 @@ function Evaluate(hide = false) {
FetchSets(); FetchSets();
let formulaString = document.getElementById('formula').value; let formulaString = document.getElementById('formula').value;
if (formulaString.length < 1) return;
let charArray = formulaString.split(''); let charArray = formulaString.split('');
let RPN_Array = ConvertFormulaCharArrayToRPN(charArray); let RPN_Array = ConvertFormulaCharArrayToRPN(charArray);
@ -397,4 +398,11 @@ function setToString(set) {
} }
} }
return '{ ' + str.slice(2, str.length) + ' }'; return '{ ' + str.slice(2, str.length) + ' }';
}
function Close() {
let wrapper = document.getElementById("stepByStep")
setTimeout(() => wrapper.classList.add('hide'), 600);
document.body.scrollIntoView({ behavior: 'smooth', block: 'start' });
} }

10
index.html
View File

@ -20,10 +20,10 @@
<header> <header>
<div class="content"> <div class="content">
<h3><a href="">CDM</a></h3> <h3><a href="" class="current">CDM</a></h3>
<div class="theme"> <div class="theme">
<h3><a href="Set-Algebra">Set Algebra</a></h3> <h3><a href="Set-Algebra/index.html">Set Algebra</a></h3>
<h3><a href="Boolean-Algebra">Boolean Algebra</a></h3> <h3><a href="Boolean-Algebra/index.html">Boolean Algebra</a></h3>
</div> </div>
</div> </div>
@ -32,14 +32,14 @@
<div class="wrapper"> <div class="wrapper">
<div class="wrap-side"> <div class="wrap-side">
<a href="Set-Algebra" class="calculator"> <a href="Set-Algebra/index.html" class="calculator">
<img src="img/Set-Algebra.png"> <img src="img/Set-Algebra.png">
<h1>Set Algebra Calculator</h1> <h1>Set Algebra Calculator</h1>
</a> </a>
</div> </div>
<div class="wrap-side"> <div class="wrap-side">
<a href="Boolean-Algebra" class="calculator"> <a href="Boolean-Algebra/index.html" class="calculator">
<img src="img/Boolean-Algebra.png"> <img src="img/Boolean-Algebra.png">
<h1>Boolean Algebra Calculator</h1> <h1>Boolean Algebra Calculator</h1>
</a> </a>

2
style.css
View File

@ -182,6 +182,7 @@ body {
border-radius: 12px; border-radius: 12px;
filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.3));
padding: 0px 20px; padding: 0px 20px;
transition: 0.5s;
} }
.wrap-side { .wrap-side {
@ -375,6 +376,7 @@ input[type=table-end] {
.hide { .hide {
display: none; display: none;
transition: 0.5s;
} }
.close { .close {