Posts

Feed-Back Details: CTS CSD JS Mandatory Hands-on 3

Image
  Feed-Back Details: CTS CSD JS Mandatory Hands-on 3 index.html <!DOCTYPE html> <html> <head>     <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>     <title></title>   </head>   <body>    <h2>Feedback for the ART OF LIVING session</h2> <table>     <tr> <td>Enter the Feedback:</td> <td><textarea name="feedback" id=feedback rows="4" cols="40"></textarea></td> </tr> <tr> <td colspan="2"><input type="button" name="create" id="create" value="Add Feedback" onclick="addFeedback();" /></td> </tr> <tr> <td colspan="2"><input type="button" name="view" id="view" value="View Feedback" onclick="displayFeedback();" /></td> </tr> </t...

Bill Calculator: CTS CSD JS MANDATORY HANDS-ON 3

Image
 Bill Calculator: CTS CSD JS MANDATORY HANDS-ON 3 index.html <!DOCTYPE html> <html>     <head>         <title>Bill Calculator</title>         <link rel="stylesheet" type="text/css" href="billcalc.css">     </head>     <body>         <h1>Bill Calculator</h1>         <form onsubmit="return calculateTotalPrice();">         <table>             <tr>                 <td>Product Name</td>                 <td><input type="text" id="productName" placeholder="Product Name" required></td>             </tr>             <tr>                 ...

EMI Calculator: CSD CTS Mandatory Hands-on JS2

Image
  EMI Calculator: CSD CTS Mandatory Hands-on JS2 index.html <!DOCTYPE HTML> <html>     <head>      <title>EMI Calculator</title>            <script type="text/javascript" src="EMICalculator.js"></script>              <style> h1{          text-align: center;           color: #F0000;           font-style : italic;          font-weight : bold; } table{ text-align: left; margin-left: 35%; background-color: #AA99A4 ; } td{ padding: 10px; }            </style>           </head>     <body>         <form onsubmit=" return calculateEMI()" >     ...
Image
  ACTB Connection Portal: JS Mandatory Hands-on 1 CSD CTS index.html <!DOCTYPE html> <html>     <head>         <style>            body{                 background-color: #EED426;                 text-align: center;            }            h1{                 color:#006666;                 font-family: Verdana;                 text-align:center ;            }            p{                text-align: center;            }            table{               ...
Image
  Trainer Feedback Rating Chart: CSD Cognizant CSS Mandatory Hands-on index.html <!DOCTYPE HTML> <html>     <head>         <title>Trainer's Feedback Rating Chart</title>      <link rel="stylesheet" href="trainerfeedbackchart.css">     </head>     <body>            <div class="foot">         <form>                  <h1>Trainer's Feedback Rating Chart</h1>             <table id="chart">     <caption>Trainer's Name: Elite Parker</caption>                <tr class="theader" >             <th>S.No.</th>             <th>Training Module Name</th>   ...
Image
Learning Material Styling :CSD Cognizant CSS mandatory hands-on index.html <!DOCTYPE html> <html> <head>  <link rel="stylesheet" href="LearningMaterial.css"> </head> <body> <h1>Why to Learn java Programming?</h1> <div> <p title="Java Programming">Java is a MUST for students and working professionals to become a great Software Engineer specially when they are working in Software Development Domain. I will list down some of the key advantages of learning Java Programming:</p> <dl> <dt class="reasons">Object Oriented</dt> <dd id="description01">In Java, everything is an Object. Java can be easily extended since it is based on the Object model.</dd> <dt class="reasons">Platform Independent</dt> <dd id="description02">Unlike many other programming languages including ...
Image
Simple Calculator in HTML :CSD Cognizant Mandatory Hands-on 1 index.html <!DOCTYPE html> <html>     <body>      <font size = "20" color="blue">Calculator</font><br>     <img src="calculator.jpg" height="300px" width="400px" />         <form>         Input 1              <input type="number" name="input1"/>             <br>         Input 2              <input type="number" name="input2"/>             <p>Select Operation</p>             <select name="operation">                 <option value="Select..">Select..</option>                 <option value="ADD">ADD...