This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const reverseNumber = (number) => parseFloat(number.toString().split('').reverse().join('')) * Math.sign(number); | |
const reversedSquare = (number) => { | |
if (isNaN(number)) return 'Not a number'; | |
// A negative number cannot be a perfect square so there is no need to calculate this. | |
if (number >= 0) { | |
const reversedNumber = reverseNumber(number); | |
const squareRoot = Math.sqrt(number); | |
const reversedRoot = Math.sqrt(reversedNumber); | |
return ((squareRoot * squareRoot) === number && (reversedRoot * reversedRoot) === reversedNumber); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//I had issues finding a snippet to get Typeform working inside of React until the release of the official React library. | |
import React, { useEffect, useRef } from "react"; | |
import { createPopover } from "@typeform/embed"; | |
import "@typeform/embed/build/css/popover.css"; | |
const TypeformWidget = () => { | |
const container = useRef(); | |
useEffect(() => { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
##Device = Desktops | |
##Screen = 1281px to higher resolution desktops | |
*/ | |
@media (min-width: 1281px) { | |
/* CSS */ | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const clickState = { | |
button1: false, | |
button2: true, | |
button3: false, | |
button4: false, | |
}; | |
//By setting a value on a button press in the hypothetical HTML we can track the currently clicked button. | |
const clickStateHandle = (e) => { | |
for (const [key] of Object.entries(clickState)) { | |
if (key != e.target.value) { |