API tools faq
paste
aakash2310

awd_lab4

aakash2310
Aug 7th, 2024
13
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.85 KB | None | 0 0
raw download clone embed print report
  1. -------------------------------------------------------------------
  2.  
  3. <!DOCTYPE html>
  4. <html lang="en">
  5.  
  6. <head>
  7. <meta charset="UTF-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <title>Document</title>
  10. <script src="../jquery-3.7.1.min.js"></script>
  11. </head>
  12.  
  13. <body>
  14.  
  15. <script>
  16. $(document).ready(() => {
  17. $("#di1").css({ "width": "500px" })
  18. $("#di2").css({ "width": "100px"})
  19. $("#di3").css({ "width": "200px" })
  20.  
  21. $("#btnClick").click(()=>{
  22. let height=$("#num1").val();
  23. $("#di4").css({ "width": "500px", "height": height+"px" })
  24. $("#di5").css({ "width": "100px", "height": height+"px" })
  25. $("#di6").css({ "width": "200px", "height": height+"px" })
  26. })
  27.  
  28. $("#btnDelete").click(()=>{
  29. $("#di1").remove();
  30. $("#di2").remove();
  31. $("#di3").remove();
  32.  
  33. })
  34.  
  35. $("#btnHide").click(()=>{
  36. $("#di4").hide();
  37. $("#di5").hide();
  38. $("#di6").hide();
  39.  
  40. })
  41. })
  42.  
  43. </script>
  44.  
  45. <div id="di1" style=" width: 300px; border: 2px solid black;">div1</div>
  46. <div id="di2" style=" width: 400px; border: 2px solid black;">div2</div>
  47. <div id="di3" style=" width: 500px; border: 2px solid black;">div3</div>
  48. <hr>
  49. <div id="di4" style=" width: 130px; border: 2px solid black;">div1</div>
  50. <div id="di5" style=" width: 480px; border: 2px solid black;">div2</div>
  51. <div id="di6" style=" width: 900px; border: 2px solid black;">div3</div>
  52. <input type="number" placeholder="enter the hight in px.." id="num1">
  53. <button id="btnClick">Click !!</button>
  54.  
  55. <button id="btnDelete">Delete Elements !!</button>
  56. <button id="btnHide">Hide Elements !!</button>
  57.  
  58.  
  59. <script>
  60.  
  61. </script>
  62. </body>
  63.  
  64. </html>
  65.  
  66.  
  67. ----------------------------------------
  68. <!DOCTYPE html>
  69. <html lang="en">
  70. <head>
  71. <meta charset="UTF-8">
  72. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  73. <title>Document</title>
  74. <script src="../jquery-3.7.1.min.js"></script>
  75. </head>
  76. <body>
  77. <h1 id="div1"></h1>
  78. <button onclick="showAddress()">Show address</button>
  79. <script>
  80. function showAddress()
  81. {
  82. $.ajax({
  83. url:"./address.txt",
  84. type:'get',
  85. success:(res)=>{
  86. console.log(res);
  87. $("#div1").text(res);
  88. }
  89. })
  90. }
  91. </script>
  92. </body>
  93. </html>
  94.  
  95. ----------------------------------
  96.  
  97. <!DOCTYPE html>
  98. <html lang="en">
  99.  
  100. <head>
  101. <meta charset="UTF-8">
  102. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  103. <title>Document</title>
  104. </head>
  105.  
  106. <body>
  107. <table border="1">
  108. <tr>
  109. <th>Sr. number</th>
  110. <th>subject</th>
  111. <th>max marks</th>
  112. <th>marks obtain</th>
  113. </tr>
  114. <tr>
  115. <td rowspan="4">MCA035</td>
  116. <td>Maths</td>
  117. <td>100</td>
  118. <td>98</td>
  119. </tr>
  120. <tr>
  121. <td>English</td>
  122. <td>100</td>
  123. <td>95</td>
  124. </tr>
  125. <tr>
  126. <td>Science</td>
  127. <td>100</td>
  128. <td>99</td>
  129. </tr>
  130. <tr>
  131. <td>Gujarati</td>
  132. <td>100</td>
  133. <td>99</td>
  134. </tr>
  135.  
  136. <tr>
  137. <td colspan="2">Total marks</td>
  138. <td>400</td>
  139. <td>391</td>
  140. </tr>
  141.  
  142. <tr>
  143. <td colspan="3">Percentage</td>
  144. <td>97.75</td>
  145. </tr>
  146.  
  147. </table>
  148.  
  149. </body>
  150.  
  151. </html>
  152.  
  153.  
  154. -----
  155. <!DOCTYPE html>
  156. <html lang="en">
  157.  
  158. <head>
  159. <meta charset="UTF-8">
  160. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  161. <title>Document</title>
  162. <script src="../jquery-3.7.1.min.js"></script>
  163.  
  164. </head>
  165.  
  166. <body>
  167. <div id="result"></div>
  168. <button onclick="showResult()">Show result!!</button>
  169. <h1 id="div1"></h1>
  170. <button onclick="showAddress()">Show address</button>
  171. <script>
  172.  
  173. function showResult()
  174. {
  175. $.ajax({
  176. url: "./markSheet.html",
  177. type: 'get',
  178. success: (res) => {
  179. $("#result").html(res);
  180. }
  181. })
  182. }
  183.  
  184.  
  185. function showAddress() {
  186. $.ajax({
  187. url: "./address.txt",
  188. type: 'get',
  189. success: (res) => {
  190. console.log(res);
  191. $("#div1").text(res);
  192. }
  193. })
  194. }
  195. </script>
  196. </body>
  197.  
  198. </html>
  199.  
  200. ---------------------------------------------
  201.  
  202.  
  203. <!DOCTYPE html>
  204. <html lang="en">
  205.  
  206. <head>
  207. <meta charset="UTF-8">
  208. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  209. <title>Document</title>
  210. <script src="../jquery-3.7.1.min.js"></script>
  211. </head>
  212.  
  213. <body>
  214.  
  215. <div id="div1">
  216. <button onclick="fun()">Load data!!</button>
  217. </div>
  218. <script>
  219. function fun() {
  220.  
  221. $.ajax({
  222. url: "./marks.json",
  223. type: 'get',
  224. success: (res) => {
  225. console.log(res);
  226. for (let i = 0; i < res.length; i++) {
  227. $("#div1").append("</br>name = " + res[i].name + "</br> sr.no = " + res[i].srNo + "</br>");
  228. for (let key in res[i].marks) {
  229. $("#div1").append(key + " => " + res[i].marks[key] + "</br>");
  230. }
  231. }
  232. }
  233. })
  234. }
  235. </script>
  236.  
  237. </body>
  238.  
  239. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!