JSFiddle - React, Tailwind, and code Playground
by Aaron Zhang
HTML
<div id="my-class" style="top:0px"></div>
CSS
#my-class {
width: 50px;
height: 50px;
background-color:red;
position:absolute;
}
JavaScript
(function () {
'use strict';
var parabolaByThreePoints = (function () {
/*
* the code in this closulre is from
* http://cdn-5.analyzemath.com/parabola/three_points_para_calc.js?ezcb=64-15
*/
function retr_dec(num) {
return (num.split('.')[1] || []).length;
}
function findGCF(a, b) {
a = Math.abs(a);
b = Math.abs(b);
if (a === 0) {
return b;
}
while (b !== 0) {
var t = b;
b = a % b;
a = t;
}
return a;
}
function simplifyFraction(a, b) {
var x = a;
var y = b;
var gcf = findGCF(x, y);
x = a / gcf;
y = b / gcf;
if (x < 0 && y < 0) {
x = -a / gcf;
y = -b / gcf;
}
return [x, y];
}
function constructFraction(x) {
var n, xnumb, frac;
//test for integer
if (x.indexOf('.') == -1 && x.indexOf('/') == -1) {
frac = simplifyFraction(parseFloat(x), 1);
}
// test for decimal
if (x.indexOf('.') != -1 && x.indexOf('/') == -1) {
// how many digits after decimal n?
n = retr_dec(x);
xnumb = parseFloat(x) * Math.pow(10, n);
frac = simplifyFraction(xnumb, Math.pow(10, n));
}
// test for fraction
if (x.indexOf('.') == -1 && x.indexOf('/') != -1) {
var res = x.split('/');
frac = simplifyFraction(parseFloat(res[0]), parseFloat(res[1]));
}
return frac;
}
function subtractFractions(a, b) {
var sub = simplifyFraction(a[0] * b[1] - b[0] * a[1], a[1] * b[1]);
return sub;
}
function...