post your notes and doubts here for session no 9
3 Likes
1 Like
<title>Html session 9</title>
<link rel="stylesheet" type="text/css" href="s9.css">
Add a Input
para 1
para 2
para 3
para 4
para 5
para 6
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor, autem tempora! Dolore, labore? Nisi voluptatum voluptates maxime architecto culpa obcaecati illo ad ut sunt tempore consectetur dicta nemo, quod possimus.
</div>
1 Like
Krishna is this side.
Session 9 Practise HTML5-Forms.
Link: https://edyoda-session-nine-practise.krishnayadav44.repl.co/
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Properties</title>
<link rel="stylesheet" href="js.css"/>
<script src="js.js"></script>
</head>
<body>
<h1 class="headh1">JavaScript</h1>
<!--How to take input from form data-->
<form method="post" action="">
<fieldset>
<legend>GetElementById</legend>
<table>
<tr>
<td>
<input type="text" id="enterText" size="32" placeholder="Enter anything..."><br>
</td>
</tr>
<tr>
<td>
<button type="button" onclick="printText()">Click</button><br>
</td>
</tr>
<tr>
<td>
<textarea id="prinT" rows="7" cols="40" placeholder="Result"></textarea>
</td>
</tr>
</table>
</fieldset>
<!--Note converter programme using functoin-->
<fieldset>
<legend>Find Type Of Notes</legend>
<table>
<tr>
<td>
<input type="text" id="EnterAmt" size="32" placeholder="Enter Total Amount">
</td>
</tr>
<tr>
<td>
<button type="button" onclick="convNotes()">Find</button>
</td>
</tr>
<tr>
<td>
<textarea id="numOfNotes" rows="7" cols="40" placeholder="Result"></textarea>
</td>
</tr>
</table>
</fieldset>
<!-- Primitive(nn[null,number] bb[boolean,bigint] ss[string,symbol] u[undefined]) and Non-Primitive Data Types(Objects) -->
<fieldset>
<legend>Non-Primitive Data Types</legend>
<table>
<tr>
<td>
<input type="text" id="primitive" size="32" placeholder="Enter Data...">
</td>
</tr>
<tr>
<td>
<button type="button" onclick="non_primitive()">Find</button>
</td>
</tr>
<tr>
<td>
<textarea id="printPrimitiveData" rows="7" cols="40" placeholder="Type Of Data Is:"></textarea>
</td>
</tr>
</table>
</fieldset>
</form>
<hr/>
<!-- Form for loop patterns -->
<form>
<fieldset class="loopFieldset">
<legend>For Loop Patterns</legend>
<table>
<tr>
<td colspan="6">
<input type="text" id="scanValue" size="32" placeholder="Enter Data...">
</td>
</tr>
<tr>
<td>
<button type="button" onclick="printLoopRactangele()">filledRactangle</button>
</td>
<td>
<button type="button" onclick="printHoloRactangele()">hollowRactangle</button>
</td>
<td>
<button type="button" onclick="printTriangle()">Triangle</button>
</td>
<td>
<button type="button" onclick="printHoloTriangle()">hollowTriangle</button>
</td>
<td>
<button type="button" onclick="printReverseTriangle()">reverseTriangle</button>
</td>
<td>
<button type="button" onclick="printHollowReverseTriangle()">reverseHollowTriangle</button>
</td>
</tr>
<tr>
<tr>
<td>
<button type="button" onclick="printDiamond()">Diamond</button>
</td>
<td>
<button type="button" onclick="printHollowDiamond()">hollowDiamond</button>
</td>
<td>
<button type="button" onclick="printPlus()">Plus</button>
</td>
<td>
<button type="button" onclick="printHollowPlus()">HollowPlus</button>
</td>
<td colspan="2">
<button type="button" onclick="printDiagonals()">DiagonalsSquare</button>
</td>
</tr>
<td colspan="6">
<textarea style="height:300px;" id="printStarPattern" rows="70" cols="100" placeholder="Type Of Data Is:"></textarea>
</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
----------------------------------------------CSS:---------------------------------------------
.headh1{
font-size:34px;
font-family: cursive;
text-align: left;
text-shadow: 34px;
}
form{
width: 98%;
height: 300px;
border: 0px solid blueviolet;
}
fieldset{
margin: 10px;
width: 350px;
height: 250px;
float: left;
border-color: blue;
}
fieldset.loopFieldset{
margin: 10px;
width: 99%;
height: 400px;
float: left;
border-color: blue;
}
legend{
color: brown;
}
textarea{
color: blueviolet;
margin: auto;
border-left: 4px solid green;
resize:none;
height: 170px;
text-align:justify;
}
-------------------------------------JavaScript:----------------------------
.headh1{
font-size:34px;
font-family: cursive;
text-align: left;
text-shadow: 34px;
}
form{
width: 98%;
height: 300px;
border: 0px solid blueviolet;
}
fieldset{
margin: 10px;
width: 350px;
height: 250px;
float: left;
border-color: blue;
}
fieldset.loopFieldset{
margin: 10px;
width: 99%;
height: 400px;
float: left;
border-color: blue;
}
legend{
color: brown;
}
textarea{
color: blueviolet;
margin: auto;
border-left: 4px solid green;
resize:none;
height: 170px;
text-align:justify;
}
1 Like