Skip to content

Instantly share code, notes, and snippets.

View Ocoldwell's full-sized avatar
🐢
In my shell

Ollie Coldwell Ocoldwell

🐢
In my shell
  • 20:37 (UTC +01:00)
View GitHub Profile
@Ocoldwell
Ocoldwell / reversedSquare.js
Created July 3, 2023 03:35
reversedSquare
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);
//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(() => {
@Ocoldwell
Ocoldwell / media-query.css
Created May 27, 2021 23:50 — forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
/* CSS */
@Ocoldwell
Ocoldwell / clickState.js
Created May 27, 2021 23:20
A quick vanilla javascript function that handles button state/modes
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) {