JavaScript

const updateTotal = function(){
	let total = 0;
	
	$("ol > li[data-value].active").each(function(){
		const value = parseInt(this.getAttribute("data-value"));
		if (!isNaN(value)) { total += value; }
	});
	
	$("#total").html(total);
};

$(document).on("click", "ol > li[data-value]", function(){
	const me = $(this);
	me.closest("ol").find("li").removeClass("active");
	me.addClass("active");
	updateTotal();
});

const loadLocalXMLCookie = async function(){
    const url = "jsondata.php";
    
    const response = await fetch(url, {
        method: 'GET',
        cache: 'no-cache',
        credentials: 'same-origin'
    });
    
    if (!response.ok) {
        const errorMessage = await response.text();
        console.error(response.status, response.statusText, errorMessage);
        return;
    }
    
    const responseText = await response.text();
    document.getElementById('outputElement').innerHTML = responseText;
};

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.webucate.me/cors_csp/jsondata.php. (Reason: CORS header ‘Access-Control-Allow-Origin’ does not match ‘https://www.webucate.me’).

const fetchData = async function(data = {}) {
  let url = 'https://www.webucate.me:443/cors_csp/jsondata.php';
  const response = await fetch(url, {
    method: 'POST',
    mode: 'no-cors',
    cache: 'no-cache',
    credentials: 'include',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
    },
    redirect: 'follow',
    referrerPolicy: 'same-origin',
    body: JSON.stringify(data)
  })
  .then(response => response.json())
  .then(result => {
    console.log('Success:', result);
  })
  .catch(error => {
    console.warn('Error:', error);
    return;
  });
  return response.json();
}

<?php
header("Content-Type: application/json; charset=utf-8");
header('Access-Control-Allow-Credentials: true', false);
//header('Access-Control-Allow-Headers: Content-Type, Accept, Authorization, Origin, CrossDomain', false);
header('Access-Control-Allow-Methods: POST', false);
//header('Access-Control-Allow-Origin: https://www.webucate.me', false);
header('X-Frame-Options: same-origin' );
//header('Access-Control-Max-Age: 1', false);
header('Cross-Origin-Resource-Policy: same-origin', false);

$cookie = (isset($_COOKIE['TestCookie'])) ? $_COOKIE['TestCookie'] : 'No Cookies';
$time = time();
$msg = array("time" => $time, "cookie" => $cookie);
echo json_encode($msg);

// Name, Value, Expiry, Domain, Secure, Samesite
setrawcookie('TestCookie','123456', time() + 86400, '/', 'www.webucate.me', true, 'None');
?>

W∴ Balboos

<pre>        function sum() {

            var txtFirstNo = document.getElementById('Text1').value;
            var txtSecondNo = document.getElementById('Text6').value;
            var txtThirdNo = document.getElementById('Text11').value;
	    var txtFourthNo = document.getElementById('Text16').value;

		if(!(document.getElementById('Text1').value).length==0){
                result = parseInt(txtFirstNo);
		document.getElementById('Tar').value = result;
                }

	        if(!(document.getElementById('Text6').value).length==0){
		result = parseInt(txtFirstNo) + parseInt(txtSecondNo);
		document.getElementById('Tar').value = result;
                }
            
                if(!(document.getElementById('Text11').value).length==0){
		result = parseInt(txtFirstNo) + parseInt(txtSecondNo) + parseInt(txtThirdNo);
		document.getElementById('Tar').value = result;
                }

                if(!(document.getElementById('Text16').value).length==0){
		result = parseInt(txtFirstNo) + parseInt(txtSecondNo) + parseInt(txtThirdNo) + parseInt(txtFourthNo);
		document.getElementById('Tar').value = result;
                }  
        }
    </script>

console.log("Hello World")

console.log(typeof myVar)

var myVar = "Hello" + 12345;
console.log(myVar);

var varA = 10;
var varB = "20";
var sum = varA + varB;

15100276