@@ -27,42 +27,42 @@ const detailsMap = {};
27
27
arr1 . forEach ( pro => {
28
28
const type = pro . type ;
29
29
30
- const basic_pro = ( pro . type == "basic" ) ? 139 : ''
31
- const count_exceptionH_pro = ( pro . type == "exception Handling" ) ? 13 : ''
32
- const count_delegationE_pro = ( pro . type == "delegationEventModel" ) ? 20 : ''
33
-
34
- // array
35
- // 2darray
36
- // awt
37
- // dataConversion
38
- // string
39
- // inheritance
40
- // input_output
41
- // jdbc
42
- // oop
43
- // strings
44
- // basic
45
- // function
46
- // 2dArray
47
- // delegationEventModel
48
- // exception Handling
49
-
30
+ const basic_pro = ( pro . type == "basic" ) ? 139 : ''
31
+ const count_exceptionH_pro = ( pro . type == "exception Handling" ) ? 13 : ''
32
+ const count_delegationE_pro = ( pro . type == "delegationEventModel" ) ? 20 : ''
33
+
34
+ // array
35
+ // 2darray
36
+ // awt
37
+ // dataConversion
38
+ // string
39
+ // inheritance
40
+ // input_output
41
+ // jdbc
42
+ // oop
43
+ // strings
44
+ // basic
45
+ // function
46
+ // 2dArray
47
+ // delegationEventModel
48
+ // exception Handling
49
+
50
50
51
51
// Check if the details element for the current type already exists
52
52
if ( ! detailsMap [ type ] ) {
53
53
// If it doesn't exist, create a new details element and append it to the container
54
54
const details = document . createElement ( "details" ) ;
55
-
55
+
56
56
details . innerHTML = `<summary>
57
57
${ type }
58
58
${ count_exceptionH_pro }
59
59
${ basic_pro }
60
60
${ count_delegationE_pro }
61
- ${ pro . type == "array" ? 1 : '' } ${ pro . type == "2darray" ? 12 : '' } ${ pro . type == "awt" ? 2 : '' }
62
- ${ pro . type == "dataConversion" ? 1 : '' } ${ pro . type == "strings" ? 4 : '' } ${ pro . type == "inheritance" ? 1 : '' }
63
- ${ pro . type == "input_output" ? 2 : '' } ${ pro . type == "jdbc" ? 2 : '' } ${ pro . type == "oop" ? 2 : '' }
64
- ${ pro . type == "function" ? 10 : '' }
65
- ${ pro . type == "2dArray" ? 10 : '' }
61
+ ${ pro . type == "array" ? 1 : '' } ${ pro . type == "2darray" ? 12 : '' } ${ pro . type == "awt" ? 2 : '' }
62
+ ${ pro . type == "dataConversion" ? 1 : '' } ${ pro . type == "strings" ? 4 : '' } ${ pro . type == "inheritance" ? 1 : '' }
63
+ ${ pro . type == "input_output" ? 2 : '' } ${ pro . type == "jdbc" ? 2 : '' } ${ pro . type == "oop" ? 2 : '' }
64
+ ${ pro . type == "function" ? 10 : '' }
65
+ ${ pro . type == "2dArray" ? 10 : '' }
66
66
</summary><ul></ul>` ;
67
67
container . appendChild ( details ) ;
68
68
detailsMap [ type ] = details ;
@@ -93,8 +93,9 @@ arr1.map(pro => {
93
93
</div>
94
94
95
95
<br>
96
- <button class="outputbtn">Output</button>
97
- <div class="output-box" style="border:1px solid red;">
96
+ <button class="outputbtn" style="cursor:none;padding:5px 20px;
97
+ outline:none;">Output</button>
98
+ <div class="output-box" style="padding: 10px;margin-top: 1rem;border: 1px solid grey;">
98
99
99
100
<div>${ pro . output } </p>
100
101
</div>
@@ -123,25 +124,8 @@ function copyToClipboard(txt) {
123
124
}
124
125
125
126
126
- function search ( ) {
127
- var input , filter , ul , li , a , i ;
128
- input = document . getElementById ( "search" ) ;
129
- var details = document . getElementsByTagName ( "details" ) ;
130
- var summary = document . getElementsByTagName ( "summary" )
131
- filter = input . value . toUpperCase ( ) ;
132
- ul = document . getElementById ( "topic" ) ;
133
- li = ul . getElementsByTagName ( "li" ) ;
134
- for ( i = 0 ; i < details . length ; i ++ ) {
135
- summary = li [ i ] . getElementsByTagName ( "a" ) [ 0 ] ;
136
- if ( a . innerHTML . toUpperCase ( ) . indexOf ( filter ) > - 1 ) {
137
- // li[i].style.display = "";
138
- details [ i ] . style . display = ""
139
- } else {
140
- // li[i].style.display = "none";
141
- details [ i ] . style . display = "none"
142
- }
143
- }
144
- }
127
+
128
+
145
129
146
130
147
131
const sButton = document . querySelectorAll ( ".item" ) ;
0 commit comments