6.Create an interactive web page using HTML5 layout tags.

 
  
  <span class="pln">
</span><span class="lit">6.Write</span><span class="pln"> a </span><span class="typ">JavaScript</span><span class="pln"> to design a simple calculator to perform the following operations</span><span class="pun">:</span><span class="pln"> sum</span><span class="pun">,</span><span class="pln"> product</span><span class="pun">,</span><span class="pln">
difference and quotient 

</span><span class="pun">&lt;!</span><span class="pln">DOCTYPE html</span><span class="pun">&gt;</span><span class="pln">
</span><span class="str">&lt;html&gt;</span><span class="pln">
</span><span class="str">&lt;head&gt;</span><span class="pln">
  </span><span class="str">&lt;title&gt;</span><span class="typ">Program</span><span class="pln"> </span><span class="lit">6</span><span class="pun">&lt;/</span><span class="pln">title</span><span class="pun">&gt;</span><span class="pln">
</span><span class="str">&lt;style&gt;</span><span class="pln"> 
</span><span class="pun">*{</span><span class="pln">
text</span><span class="pun">-</span><span class="pln">align</span><span class="pun">:</span><span class="pln">center</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="pun">&lt;/</span><span class="pln">style</span><span class="pun">&gt;</span><span class="pln">
  </span><span class="pun">&lt;</span><span class="pln">script type</span><span class="pun">=</span><span class="str">"text/javascript"</span><span class="pun">&gt;</span><span class="pln">

</span><span class="com">// Function to add two numbers</span><span class="pln">
function sum</span><span class="pun">(</span><span class="pln">num1</span><span class="pun">,</span><span class="pln"> num2</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">return</span><span class="pln"> num1 </span><span class="pun">+</span><span class="pln"> num2</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="com">// Function to multiply two numbers</span><span class="pln">
function product</span><span class="pun">(</span><span class="pln">num1</span><span class="pun">,</span><span class="pln"> num2</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">return</span><span class="pln"> num1 </span><span class="pun">*</span><span class="pln"> num2</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="com">// Function to subtract two numbers</span><span class="pln">
function difference</span><span class="pun">(</span><span class="pln">num1</span><span class="pun">,</span><span class="pln"> num2</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">return</span><span class="pln"> num1 </span><span class="pun">-</span><span class="pln"> num2</span><span class="pun">;</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="com">// Function to divide two numbers</span><span class="pln">
function quotient</span><span class="pun">(</span><span class="pln">num1</span><span class="pun">,</span><span class="pln"> num2</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
  </span><span class="kwd">if</span><span class="pln"> </span><span class="pun">(</span><span class="pln">num2 </span><span class="pun">!==</span><span class="pln"> </span><span class="lit">0</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
    </span><span class="kwd">return</span><span class="pln"> num1 </span><span class="pun">/</span><span class="pln"> num2</span><span class="pun">;</span><span class="pln">
  </span><span class="pun">}</span><span class="pln"> </span><span class="kwd">else</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
    </span><span class="kwd">return</span><span class="pln"> </span><span class="str">"Cannot divide by zero"</span><span class="pun">;</span><span class="pln">
  </span><span class="pun">}</span><span class="pln">
</span><span class="pun">}</span><span class="pln">

</span><span class="com">// Example usage:</span><span class="pln">
</span><span class="kwd">const</span><span class="pln"> number1 </span><span class="pun">=</span><span class="pln"> prompt</span><span class="pun">(</span><span class="str">"Enter first value: "</span><span class="pun">);</span><span class="pln">
</span><span class="kwd">const</span><span class="pln"> number2 </span><span class="pun">=</span><span class="pln"> prompt</span><span class="pun">(</span><span class="str">"Enter second value: "</span><span class="pun">);</span><span class="pln">

alert</span><span class="pun">(</span><span class="str">"RESULTS: n1="</span><span class="pln"> </span><span class="pun">+</span><span class="pln">number1</span><span class="pun">+</span><span class="pln"> </span><span class="str">" n2="</span><span class="pln"> </span><span class="pun">+</span><span class="pln">number2</span><span class="pun">+</span><span class="pln"> 
</span><span class="str">"\nSum: "</span><span class="pun">+</span><span class="pln">sum</span><span class="pun">(</span><span class="pln">number1</span><span class="pun">,</span><span class="pln"> number2</span><span class="pun">)</span><span class="pln"> </span><span class="pun">+</span><span class="pln">
</span><span class="str">"\nProduct: "</span><span class="pln"> </span><span class="pun">+</span><span class="pln"> product</span><span class="pun">(</span><span class="pln">number1</span><span class="pun">,</span><span class="pln"> number2</span><span class="pun">)+</span><span class="pln">
</span><span class="str">"\nDifference: "</span><span class="pun">+</span><span class="pln"> difference</span><span class="pun">(</span><span class="pln">number1</span><span class="pun">,</span><span class="pln"> number2</span><span class="pun">)+</span><span class="pln">
</span><span class="str">"\nQuotient: "</span><span class="pun">+</span><span class="pln"> quotient</span><span class="pun">(</span><span class="pln">number1</span><span class="pun">,</span><span class="pln"> number2</span><span class="pun">));</span><span class="pln">

 </span><span class="pun">&lt;/</span><span class="pln">script</span><span class="pun">&gt;</span><span class="pln">
</span><span class="pun">&lt;/</span><span class="pln">head</span><span class="pun">&gt;</span><span class="pln">
</span><span class="str">&lt;body&gt;</span><span class="pln">
</span><span class="str">&lt;h1&gt;</span><span class="typ">Program</span><span class="pln"> </span><span class="lit">6</span><span class="pun">&lt;/</span><span class="pln">h1</span><span class="pun">&gt;</span><span class="pln">
</span><span class="pun">&lt;/</span><span class="pln">body</span><span class="pun">&gt;</span><span class="pln">
</span><span class="pun">&lt;/</span><span class="pln">html</span><span class="pun">&gt;</span><span class="pln">



      </span>
  
 
 

 
<span class="pln">
 
</span>