JavaScript

so what i want is when my website is loading in the background and the user goes to it for example after 5 s it redirect to PAGE 1.
if the user goes to my website after 10 minute it redirect to PAGE 2.
Using visibilitychange.

Cheers,

<pre>/* eslint-disable max-len */
"use strict";

const functions = require("firebase-functions");
const sanitizer = require("./sanitizer");
const admin = require("firebase-admin");
const schedule = require("node-schedule");
admin.initializeApp();
// [START messageFunctionTrigger]
// Saves a message to the Firebase Realtime Database but sanitizes the text by removing swearwords.
exports.addMessage = functions.https.onCall((data, context) => {
  // [START_EXCLUDE]
  // [START readMessageData]
  // Message text passed from the client.
  const text = data.text;
  // [END readMessageData]
  // [START messageHttpsErrors]
  // Checking attribute.
  if (!(typeof text === "string") || text.length === 0) {
    // Throwing an HttpsError so that the client gets the error details.
    throw new functions.https.HttpsError("invalid-argument", "The function must be called with " +
        "one arguments \"text\" containing the message text to add.");
  }
  // Checking that the user is authenticated.
  if (!context.auth) {
    // Throwing an HttpsError so that the client gets the error details.
    throw new functions.https.HttpsError("failed-precondition", "The function must be called " +
        "while authenticated.");
  }
  // [END messageHttpsErrors]

  // [START authIntegration]
  // Authentication / user information is automatically added to the request.
  const uid = context.auth.uid;
  const name = context.auth.token.name || null;
  const picture = context.auth.token.picture || null;
  const email = context.auth.token.email || null;
  // [END authIntegration]

  // [START returnMessageAsync]
  // Saving the new message to the Realtime Database.

  const dateWithTimeZone = (timeZone, year, month, day, hour, minute, second) => {
    const date = new Date(Date.UTC(year, month, day, hour, minute, second));

    const utcDate = new Date(date.toLocaleString("en-US", {timeZone: "UTC"}));
    const tzDate = new Date(date.toLocaleString("en-US", {timeZone: timeZone}));
    const offset = utcDate.getTime() - tzDate.getTime();

    date.setTime( date.getTime() + offset );

    return date;
  };

  const sanitizedMessage = sanitizer.sanitizeText(text); // Sanitize the message.

  const dataFuture = [uid, name, picture, email, sanitizedMessage];

  new Promise(function() {
    schedule.scheduleJob(dateWithTimeZone("Europe/Istanbul",
        data.year, data.month, data.day, data.hour,
        data.minute, data.second), function(data) {
      const theuid = data[0];
      const thename = data[1];
      const thepicture = data[2];
      const theemail = data[3];
      return admin.database().ref("/messages").push({
        text: data[4],
        author: {theuid, thename, thepicture, theemail},
      }).then(() => {
        console.log("New Message written");
        // Returning the sanitized message to the client.
        return {text: data[4]};
      })
      // [END returnMessageAsync]
          .catch((error) => {
            // Re-throwing the error as an HttpsError so that the client gets the error details.
            throw new functions.https.HttpsError("unknown", error.message, error);
          });
    }.bind(null, dataFuture));

  // [END_EXCLUDE]
  });

  return {text: "done"};
// [END messageFunctionTrigger]
});

Hello,

I'm trying to calculate values every time when change it.

<pre lang="HTML"><pre><ol class="firstDigit"> 
    <li data-value="10"> 10 </li>

<pre><ol class="secondDigit"> 
    <li data-value="10"> 10 </li>

<pre><ol class="firstDigit"> 
    <li data-value="20"> 20 </li> 

const firstNav = $('#firsNav');
const firstSelection = $('.firstDigit'); 
const firstValue = firstSelection.find('li');  
const secondNav = $('#secondNav'); 
const secondSelection = $('.secondDigit'); 
const secondValue = secondSelection.find('li') 
var sum = 0; 
firstNav.click(function(event) {   
    if (firstNav.hasClass('active')) {     
        firstNav.removeClass('active');     
        selection.stop().slideUp(200);   
    } else {     
            firstNav.addClass('active');     
            selection.stop().slideDown(200);
    }   
        event.preventDefault(); 
});  
secondNav.click(function(event) {   
    if (secondNav.hasClass('active')) {     
        secondNav.removeClass('active');     
        secondSelection.stop().slideUp(200);   
    } else {     
        secondNav.addClass('active');     
        secondSelection.stop().slideDown(200);   
    }   
    event.preventDefault(); 
});  
firstValue.click(function() {   
    firstValue.removeClass('active');   
    $(this).addClass('active');   
    var x = $(this).attr('data-value');   
    sum = parseInt(x);   
    document.getElementById('total').innerHTML = sum; });  
    firstValue.click(function() {   
    firstValue.removeClass('active');   
    $(this).addClass('active');   
    var z = $(this).attr('data-value');   
    sum = parseInt(z);   
    document.getElementById('total').innerHTML = sum; 
})  
document.getElementById('total').innerHTML = sum;

<pre><h2 id="firsNav">Choose</h2> 
<ol class="firstDigit"> 
    <li data-value="10"> 10 </li>
    <li data-value="20"> 20 </li>
</ol>
<h2 id="secondNav">Choose</h2>
<ol class="secondDigit"> 
    <li data-value="10"> 10 </li> 
    <li data-value="20"> 20 </li> 
</ol> 
<a id="total" style="font-size: large;font-weight: bold;color: #0a0a0a"></a>

const loadLocalXMLCookie = function(){
  // This isnt working, I get a CORS Violation
  let url = "jsondata.php";
  var xhttp = new XMLHttpRequest();
  // Third Argument of "true" allows XLMHttpRequest2 which allows sending Cookies via AJAX
  xhttp.open("GET", url, true);
  // withCredentials should send Cookies via the request, and should not be needed on SameSite
  xhttp.withCredentials = true;       
  xhttp.onreadystatechange = function() {
    console.log(this);
    if (this.readyState == 4 && this.status == 200){
      outputElement.innerHTML = this.responseText;
    } 
  };
  xhttp.onerror = function(){ outputElement.innerHTML = "XML Cookie Error " + url; };
  xhttp.send();       
}

<pre><script type="text/javascript" ></script>
    <script type="text/javascript">
        function sum() {
	var result= 0;
        var txtFirstNo = document.getElementById('Text1').value;
        var txtSecondNo = document.getElementById('Text6').value;
			
	    if (!isNaN(txtFirstNo)){ 
		result = parseInt(txtFirstNo);
		document.getElementById('Tar').value = parseInt(result);
            }
            
            if (!isNaN(txtSecondNo)){ 
		result = parseInt(txtFirstNo) + parseInt(txtSecondNo);
		document.getElementById('Tar').value = result;
            }
            
           if (!isNaN(result)) {
                document.getElementById('Tar').value = result;
            }
	    
        }
    </script>

Dear Concern, 
I am a new learner of javascript. Please expert will suggest to me, which is a good beginning project for understanding.