<https://jqueryvalidation.org/>

<https://github.com/victorjonsson/jQuery-Form-Validator>

browserify

const d3 = require("d3/dist/d3");
const htl = require("htl/dist/htl");

browserify

browserify -x jquery

browserify --standalone

return this.system.filter(function (item, key) {
        if(key.)
      });

function countEurobat10items() {

        var eurobat10counterX = Array.from(containermixitup.querySelectorAll('.LongLife'));
        console.log(eurobat10counterX.length); // example: 35 total in DOM, 15 have "display:none" -> I want this number to be 20
        eurobat10counter = eurobat10counterX.length;
        // set this counter value into a span ID in the filter box
        $('#eurobat10counter').html(eurobat10counter);
       
        // change the className of the filter row, i.e. if we filter on one kind, we fade the others
        if ( eurobat10counter < 1 )
            {
                document.getElementById("eurobat10Label").className = "configuratorOptionItemSmallDisabled";
                document.getElementById("eurobat10counter").className = "configuratorOptionCounterDisabled";
            }
            else {
                document.getElementById("eurobat10Label").className = "configuratorOptionItemSmall";
                document.getElementById("eurobat10counter").className = "configuratorOptionCounter";
            } ;
    }

<div class="travFormInput">
          <select x-model="p_person_to" name="p_person_to" required>
            <option value="">Choose one</option>
          <template x-for="u in acctUsers" :key="u['USERID']">
            <template x-if="p_person_to == u['USERID']">
            <option :value="u['USERID']" x-text="u['FULLNAME']" SELECTED></option>
            </template>
            <template x-if="p_person_to != u['USERID']">
              <option :value="u['USERID']" x-text="u['FULLNAME']"></option>
            </template>
          </template>
          </select>
        </div>

<script type="module">
	import { initializeApp } from "<https://www.gstatic.com/firebasejs/9.14.0/firebase-app.js>";
	import { getMessaging, getToken, onMessage } from "<https://www.gstatic.com/firebasejs/9.14.0/firebase-messaging.js>";

	// Your web app's Firebase configuration
	const firebaseConfig = {
		apiKey: "<Api-Key>",
		authDomain: "<Domain>",
		projectId: "<ProjectId>",
		storageBucket: "<Bucket>",
		messagingSenderId: "<Sender-Id>",
		appId: "<App-Id>",
		name: "<App-Name>"
	};

	// Initialize Firebase
	const app = initializeApp(firebaseConfig);
	const messaging = getMessaging();

	getToken( messaging, { vapidKey: '<Public-Key>' } )
	.then((currentToken) => {
		if (currentToken) {
			window.localStorage.setItem( 'fbToken', currentToken );
		} else {
			console.log('No registration token available. Request permission to generate one.');
		}
	}).catch((err) => {
		console.log('An error occurred while retrieving token. ', err);
	}); 

	onMessage(messaging, payload => {
		console.log("Message received. ", payload);
		const { title, ...options } = payload.notification;
	});
</script>

cfhttp()

{
    "to" : arguments.data.fbToken
  , "notification" : {
        "message": arguments.data.msg
      , "title": "Greetings"
    }
}

cfhttp()

success: 1

multicast_id

message_id

onMessage()

function showMessage() {
    swal({
        title: "",
        html: 'This will trigger some updates</b>',
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "##EF5350",
        confirmButtonText: "Yes, Proceed",
        cancelButtonText: "Cancel",
        reverseButtons: true
    },function(isConfirmed) {
        alert(isConfirmed)
        if (isConfirmed) {
            alert($(".openStandings").attr('data-href'));
            $.ajax({
                type: "POST",
                url: $(".openStandings").attr('data-href'),
                success: function(data) {
                alert(data);
                if (data.toLowerCase().indexOf("error") >= 0) {
                    swal({
                        title: "Oops",
                        text: data,
                        type: "error",
                        showCancelButton: false,
                        confirmButtonColor: "##EF5350",
                        confirmButtonText: "OK",
                        closeOnConfirm: true
                    });
                } else {
                    swal({
                        title: "Great",
                        text: data,
                        type: "success",
                        showCancelButton: false,
                        confirmButtonColor: "##EF5350",
                        confirmButtonText: "OK",
                        closeOnConfirm: true
                    });
                }
            }
            })
        }
    })
}

document.addEventListener('readystatechange', function(e) {
        switch (e.target.readyState) {
            case "complete":
                
                $('.totalsTeal').trigger('input');
            break;
        }
    });

$(document).on('input', '.totalsTeal', function() {
        let self = $(this);
        let day = self.attr('data-name');
        console.log(self.val());
        if (self.val() === "0.00") {
            $('#w1_' + day).parent().find('label').css('display', 'none');
        } else {
            $('#w1_' + day).parent().find('label').css('display', 'block');
        }
    });

I am trying to make a digital clock, but it always shows PM, and never shows AM, can anybody help me with this code to find out why it is not working correctly?  I think the issue is with " let timeOfDay = hour >= 12 ? "AM" : "PM";"                                                                                                          function update() {
  //Get todays date
  let today = new Date();

  //Extract time from date
  let hour = today.getHours();
  let minutes = today.getMinutes();
  let seconds = today.getSeconds();

  const weekday = [
    "Sunday",
    "Monday",
    "Tuesday",
    "Wednesday",
    "Thursday",
    "Friday",
    "Saturday",
  ];
  let day = weekday[today.getDay()];

  let date = today.getDate();

  const monthArr = [
    "January",
    "February",
    "March",
    "April",
    "May",
    "June",
    "July",
    "August",
    "September",
    "October",
    "November",
    "December",
  ];
  let month = monthArr[today.getMonth()];

  // console.log(day,date,month);

  //Pad 0 if time is < 10 (single digit)
  hour = hour < 10 ? "0" + hour : hour;
  minutes = minutes < 10 ? "0" + minutes : minutes;
  seconds = seconds < 10 ? "0" + seconds : seconds;

  //Convert railway clock to AM/PM clock
  hour = hour > 12 ? hour - 12 : hour;
  hour = hour == 0 ? 12 : hour;

  //Assign AM or PM according to time
  let timeOfDay = hour >= 12 ? "AM" : "PM";

  //Insert time using dom
  document.getElementById("hours").innerHTML = hour + " :&nbsp";
  document.getElementById("minutes").innerHTML = minutes + " :&nbsp";
  document.getElementById("seconds").innerHTML = seconds + "&nbsp";
  document.getElementById("timeOfDay").innerHTML = timeOfDay;
  document.getElementById("day").innerHTML = day + " ,";
  document.getElementById("date").innerHTML = date + "&nbsp&nbsp";
  document.getElementById("month").innerHTML = month;
}

setInterval(() => {
  update();
}, 1000);

if hour is 12 or more, then AM, else PM

hour < 12 ? "AM" : "PM"

function checkTableData() {
                var allTables = $('#tableBody');
                var highestValue = -1;
                for (var i = 0; i < allTables.length; i++) {
                    var table = allTables[i];
                    var trs = $(table).find('tr');
                    for (var j = 0; j < trs.length; j++) {
                        var tr = trs[j];
                        var dataSuccess = $(tr).attr('data-mode');
                        var dataPure = $(tr).attr('data-pure');
                        console.log(highestValue);
                        if (dataSuccess === 'success' && dataPure === 'yes' && highestValue < 0) {
                            highestValue = 0;
                            console.log('0');
                        } else if (dataSuccess === 'success' && dataPure === 'no' && highestValue < 1) {
                            highestValue = 1;
                            console.log('1');
                        } else if (dataSuccess === 'error') {
                            console.log('2');
                            errorCount++;
                            if (errorCount >= 1) {
                                console.log('more than 2');
                                return 2;
                            }
                        }
                    }
                }
                return highestValue;
            }