assigment complete

abdul rafay · abdul rafay · commit d36fa3bc8f70 · 2026-01-06T14:05:36.000-08:00
diff --git a/index.html b/index.html
@@ -5,27 +5,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>DOM</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
 
-
-
-  
-
     <p id="paragraph">
-        Slow lorises are a group of several species of strepsirrhine primates which make up the genus Nycticebus.
+        My name is abdul rafay this is my best assigne....
         <a href="javascript:void(0);" onclick="paragraph();">
             <em>Click for more</em>
         </a>
     </p>
 
-
-
-
-
-
-
     <script src="index.js"></script>
 </body>
 
diff --git a/index.js b/index.js
@@ -1,12 +1,20 @@
-
-
 var isExpanded = false;
 
 function paragraph() {
-    var shortpara = '  Slow lorises are a group of several species of strepsirrhine primates which make up the genus Nycticebus'
 
-    var fullpara = 'Text chan'
+    var shortpara = 'My name is abdul rafay this is my best assigne....' +
+        '  <a href="javascript:void(0);" onclick="paragraph();"><em>Click for more</em></a>';
+
+    var fullpara = 'assignemt in JavaScript <a href="javascript:void(0);" onclick="paragraph();"<em>Click for Less </em> </a>'
+
 
+    if (isExpanded === false) {
+        document.getElementById("paragraph").innerHTML = fullpara
+        isExpanded = true;
+    } else {
+        document.getElementById("paragraph").innerHTML = shortpara
+        isExpanded = false
+    }
 }
 
 
diff --git a/style.css b/style.css
@@ -0,0 +1,7 @@
+#paragraph {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-weight: 700;
+    background-color: aqua;
+    text-align: center;
+
+}
