File tree Expand file tree Collapse file tree 1 file changed +31
-0
lines changed Expand file tree Collapse file tree 1 file changed +31
-0
lines changed Original file line number Diff line number Diff line change
1
+ function skillsMember ( ) { // Function to display the skills of the member
2
+ let skills = {
3
+ HTML : 7 ,
4
+ CSS : 6 ,
5
+ JavaScript : 8 ,
6
+ React : 6 ,
7
+ Node : 7 ,
8
+ Python : 5 ,
9
+ MongoDB : 5 ,
10
+ Express : 6 ,
11
+ Redux : 5 ,
12
+ TypeScript : 6 ,
13
+ SQL : 6
14
+ }
15
+
16
+ let sortedSkills = Object . entries ( skills ) . sort ( ( a , b ) => b [ 1 ] - a [ 1 ] ) ;
17
+
18
+ let skillList = document . getElementById ( "skills" ) ;
19
+
20
+ for ( let i = 0 ; i < sortedSkills . length ; i ++ ) {
21
+ let skill = document . createElement ( "div" ) ;
22
+ skill . className = "skill" ;
23
+ skill . innerHTML = `
24
+ <p>${ sortedSkills [ i ] [ 0 ] } </p>
25
+ <div class="skill-bar">
26
+ <div class="skill-fill" style="width: ${ sortedSkills [ i ] [ 1 ] * 10 } %"></div>
27
+ </div>
28
+ ` ;
29
+ skillList . appendChild ( skill ) ;
30
+ }
31
+ }
You can’t perform that action at this time.
0 commit comments