Log time from date

const [animateHeader, setAnimateHeader] = useState(false)

useEffect(() => {
  const listener = () =>
  window.scrollY > 140 ? setAnimateHeader(true) : setAnimateHeader(false)
  window.addEventListener('scroll', listener)
  return () => {
    window.removeEventListener('scroll', listener)
  }
}, [])

// Example usage with TailwindCSS:
<div className={`bg-header/75 transition duration-500 ease-in-out ${animateHeader && 'bg-header/[0.95]'}`}>...</div>

      const todos = {
        todo1: {
          isCompleted: true
        },
        todo2: {
          isCompleted: true
        },
        todo3: {
          isCompleted: true
        },
      };

	  // Check if the Object is not empty
      if (Object.keys(todos).length !== 0) {
        const allAreEqual = (todos) => {
          const res = []; // Create a new empty array
          // Loop through all the objects
          for (const key in todos) {
            const todo = todos[key];
            // Make sure the nested objects are objects and not strings or other...
            if (todo && typeof todo === 'object') {
              // Check if the property we're looking for exists in the nested object
              if (Object.prototype.hasOwnProperty.call(todo, 'isCompleted')) {
                // Add all the values from the nested objects in the array
                res.push(todo.isCompleted);
              }
            }
          }
			
          // .every returns a boolean if the condition is true
          // res array looks like this e.g.: ['true','true','true','true','false']
          // ['true','true','true','false'] = false
          // ['true','true','true','true'] = true
          return res.every((v) => v === true);
        };
        
        //return the result
        return allAreEqual(todos);
      }

const html = '<h1>Hello, World!</h1>';

const express = require('express');

const app = express();
app.get('*', (req, res) => {
// That's all you need to do! If you pass a string to `res.send()`,
// Express sets the response-type header to `text/html`
res.send(html);
});

const server = await app.listen(3000);

// Example of using the server
const axios = require('axios');

const res = await axios.get('http://localhost:3000');
res.headers['content-type']; // 'text/html; charset=utf-8'
res.data; // '<h1>Hello, World!</h1>'

// Button.jsx
import classnames from 'classnames';

function Button ({size, bgColor, textColor, children}) {
    return (
        <button className={classnames("bg-${bgColor} text-${textColor} font-bold py-2 px-4 rounded", {
    "text-xs": size === 'sm'
    "text-xl": size === 'lg',
    })}>
        {children}
    </button>
    )
};

export default Button;

const imagesMarkup = imageData && imageData.map((line: any) => (
        <BannerStripeImage
            img={line.src} key={line.src}/>
    ))

    return (
        <div>
            {imagesMarkup}
        </div>
    )

const options = {
    method: 'post',
    url: 'https://jsonplaceholder.typicode.com/todos',
    data: {
      title: 'Hello World'
    }
  };

  axios(options).then(res => showOutput(res));
}

const cToF = (celsius) => celsius * 9/5 + 32;
const fToC = (fahrenheit) => (fahrenheit - 32) * 5/9;

const scrollToBottom = () => window.scrollTo(0, document.body.scrollHeight);

const scrollToTop = () => window.scrollTo(0, 0);

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
console.log(isDarkMode) // Result: True or False

const getSelectedText = () => window.getSelection().toString();
getSelectedText();

const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0;
isNotEmpty([1, 2, 3]);
// Result: true

const average = (...args) => args.reduce((a, b) => a + b) / args.length;
average(1, 2, 3, 4);
// Result: 2.5

const isEven = num => num % 2 === 0;
console.log(isEven(2)); 
// Result: True

const timeFromDate = date => date.toTimeString().slice(0, 8);
console.log(timeFromDate(new Date(2021, 0, 10, 17, 30, 0))); 
// Result: "17:30:00"