JSFiddle - React, Tailwind, and code Playground

by marcelow

HTML

<script src="https://gist.githubusercontent.com/marcelowa/d3b9088d9d47398bac921ac174d8255b/raw/9659925c9402fb40231b245e1f5a5bcd7ed7431d/htmlConsole.js"></script>

JavaScript

// non async divide
const divide = (a, b) => {
  if (b === 0) {
    throw new Error('DIV 0');
  }
  return a / b;
}

// divide usage
console.log(divide(10, 3));
try {
  console.log(divide(10, 0));
} catch (e) {
  console.error(e);
}

// divide promise

const dividePromise = (a, b) => {
  return new Promise((resolve, reject) => {
    if (b === 0) {
      return reject(new Error('DIV 0'));
    }
    resolve(a / b);
  });
}

// divide promise usage
dividePromise(10, 2).then(
	(result) => console.log(result),
  (error) => console.error(error),
)

// divide callback usage
divideCallback(10, 2, (error, result) => {
	if (error !== undefined) {
  	console.error(error);
  } else {
	  console.log(result);
  }
});