technolyceum/g10-m2
Template
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added dirocty from javascript to jquery

Browse Source
This commit is contained in:
root
2025-11-20 16:20:58 +03:00
parent 31a20b5fe5
commit 9202203116
351 changed files with 7583 additions and 1346 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
FromJavaScriptTojQuery-master/02-jQueryIntroduction/07-writing_our_first_jquery_script/challenge_solution/js/myscript.js Executable file
View File

@@ -0,0 +1,4 @@
$(document).ready(function() {
$("tr:odd").addClass("odd");
$("tr:even").addClass("even");
});

79
FromJavaScriptTojQuery-master/02-jQueryIntroduction/07-writing_our_first_jquery_script/challenge_solution/table.html Executable file
View File

@@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Table</title>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<style>
td, th {
width: 5rem;
height: 2rem;
border: 1px solid #ccc;
text-align: center;
}
th {
background: lightblue;
border-color: white;
}
body {
padding: 1rem;
font-family: Roboto;
}
.odd {
background-color: #E84610;
}
.even {
background-color: #C65353;
}
</style>
</head>
<body>
<table>
<tr>
<th></th>
<th>Country</th>
<th>Price</th>
<th>Nutrition</th>
<th>Category</th>
</tr>
<tr>
<th>Spinach</th>
<td>America</td>
<td>28</td>
<td>90</td>
<td>Veg</td>
</tr>
<tr>
<th>Carrots</th>
<td>France</td>
<td>56</td>
<td>75</td>
<td>Veg</td>
</tr>
<tr>
<th>Brocolli</th>
<td>Bulgaria</td>
<td>12</td>
<td>70</td>
<td>Veg</td>
</tr>
<tr>
<th>Orange</th>
<td>Morocco</td>
<td>15</td>
<td>50</td>
<td>Fruit</td>
</tr>
<tr>
<th>Tangerine</th>
<td>Cyprus</td>
<td>12</td>
<td>25</td>
<td>Fruit</td>
</tr>
</table>
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<script src="js/myscript.js"></script>
</body>
</html>

3
FromJavaScriptTojQuery-master/02-jQueryIntroduction/07-writing_our_first_jquery_script/video_solution/js/myscript.js Executable file
View File

@@ -0,0 +1,3 @@
$(document).ready(function() {
});

55
FromJavaScriptTojQuery-master/02-jQueryIntroduction/07-writing_our_first_jquery_script/video_solution/table.html Executable file
View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Table</title>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<style>
td, th {
width: 5rem;
height: 2rem;
border: 1px solid #ccc;
text-align: center;
}
th {
background: lightblue;
border-color: white;
}
body {
padding: 1rem;
font-family: Roboto;
}
.odd {
background-color: #000;
}
</style>
</head>
<body>
<table>
<tr>
<th></th>
<th>Country</th>
<th>Price</th>
<th>Nutrition</th>
<th>Category</th>
</tr>
<tr>
<th>Spinach</th>
<td>America</td>
<td>28</td>
<td>90</td>
<td>Veg</td>
</tr>
<tr>
<th>Carrots</th>
<td>France</td>
<td>56</td>
<td>75</td>
<td>Veg</td>
</tr>
</table>
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<script src="js/myscript.js"></script>
</body>
</html>