<!DOCTYPE html>
<html>
<head>
    <title>Javascript Arithmetic Operators 2</title>
</head>
<body>
    <h1>Performing Arithmetic Operations </h1>
    <p id = 'add'> Addition </p>
    <p id = 'sub'> Subtraction </p>
    <p id = 'mul'> Multiplication </p>
    <p id = 'div'> Division </p>
    <p id = 'mod'> Modulus </p>
<script>
   var a = 12, b = 3;
   var add, sub, mul, div, mod;

   add = a + b; //addition of 3 and 12
   sub = a - b; //subtract 3 from 12
   mul = a * b; //Multiplying both
   div = a / b; //dividing 12 by 3 (number of times)
   mod = a % b; //calculation the remainder

   document.getElementById("add").innerHTML = "Addition of " + a +' and ' + b +" is = " + add;
   document.getElementById("sub").innerHTML = "Subtraction of " + a +' and ' + b +" is = " + sub;
   document.getElementById("mul").innerHTML = "Multiplication of " + a +' and ' + b +" is = "+ mul;
   document.getElementById("div").innerHTML = "Division of " + a +' and ' + b +" is = " +  div;
   document.getElementById("mod").innerHTML = "Modulus of " + a +' and ' + b +" is = " +  mod;
</script>
</body>
</html>

index.html

body{
  padding: 25px;
}
.title {
	color: #5C6AC4;
}

styles.css

function showTime() {
	document.getElementById('currentTime').innerHTML = new Date().toUTCString();
}
showTime();
setInterval(function () {
	showTime();
}, 1000);