jrrio

/* From https://github.com/prisma/deployment-example-vercel/blob/main/styles/Home.module.css */

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  top: 30px;

jrrio

async function getData(url) {
  try {
    const response = await fetch(url);
    if (!response.ok) throw new Error(`${response.status}: ${response.statusText}`);
    const data = await response.json();
    return data;
  } catch (error) {
    console.error(error);
  }
}

jrrio

/**
 * 
 * @param date - may be either a Date object or a String representing a Date 
 */
function lastDayOfMonth(date) {
  var d = new Date(date);
  d.setFullYear(d.getFullYear(), d.getMonth() + 1, 0);
  return d.getDate();
}

jrrio

/**
 * @param {String} str - a string to be formatted.
 * @param {String} msk - 'CNPJ', 'CPF' or 'CEP' used in Brazil.
 */
function formatMask(str, msk) {
  var a = str.replace(/[^\d]+/g, ''); // remove non digit chars.
  switch (msk) {
  case "CNPJ":
    a = a.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/, '$1.$2.$3/$4-$5');
    break;

jrrio

// Test for numeric value.
function isNumeric(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

/**
 * @param {Event} e
 * @see <https://www.w3.org/TR/uievents/#interface-keyboardevent>
 * All browsers (IE11, Chrome, FF, etc.) support event.key.
 * event.keyCode, charCode and event.which are deprecated.

jrrio

Extracted from comp.lang.javascript: Re: Detecting IE11 ?
Data: Wed, 23 May 2018 23:52:33 -0300
De: Joao Rodrigues jr@yahoo.com
Reference: 3120d5a3-6a6a-4a1d-88f5-da7510b252da@googlegroups.com

Is there a good way of detecting IE11 - or, better, any IE ?

Starting with Internet Explorer (IE) 4 until IE 10 in standards mode, we could use Conditional Compilation (CC) for detecting MSIE [1]. Activating CC in JScript was done with the @cc_on statement:

jrrio

var el = document.getElementById("elemID");
el.style.cssText = "color:#fff;width:320px;height:240px;";

// Or:

Object.assign(el.style,
  {
    "color": "#fff",
    "width": "320px",
    "height": "240px"

jrrio

/**
 * Object.assign() polyfill for IE11
 * @see <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign>
 */
if (typeof Object.assign != "function") {
  Object.defineProperty(Object, "assign", {
    value: function assign(target, varArgs) {
      "use strict";
      if (target == null) {
        throw new TypeError("Cannot convert undefined or null to object");

jrrio

Difference between innerText and textContent

The differences between innerText and textContent methods are outlined in this Stack Overflow article.

• innerText -> implemented in IE8 and earlier. So innerText is probably not what you want.
• textContent -> DOM Level 3 - IE9 and W3C standards compliant browsers.
• Google Chrome implements both innerText and textContent.

Let's define a getElementText() method at load-time in order to use either textContent (preferably) or innerText depending on the browser running this code. This function will also trim the text.

jrrio

Calculate the average of Object properties

Here is our Object literal with some properties. What we need to do is calculate the average height of a set of people using JavaScript.

const data = {
  "Matt": { "height" : 176, "weight": 87 },
  "Jason": { "height" : 190, "weight": 103 },
  "Peter": { "height" : 180, "weight": 98 }
};