File tree 4 files changed +51
-6
lines changed 4 files changed +51
-6
lines changed Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+ < body >
4
+ < h1 > Form</ h1 >
5
+ < form id ="form ">
6
+ < p > Enter Name : </ p >
7
+ < input type ="text " id ="name ">
8
+ < br >
9
+ < p > Enter Age : </ p >
10
+ < input type ="number " id ="age ">
11
+ < br >
12
+ < p > Enter Phone No : </ p >
13
+ < input type ="text " id ="phone ">
14
+ < br >
15
+ < button type ="submit "> Submit Form</ button >
16
+ </ form >
17
+ < script >
18
+ const form = document . getElementById ( "form" )
19
+ form . addEventListener ( "submit" , ( e ) => {
20
+ e . preventDefault ( )
21
+
22
+ const name = document . getElementById ( "name" ) . value ;
23
+ const age = document . getElementById ( "age" ) . value ;
24
+ const number = document . getElementById ( "number" ) . value ;
25
+
26
+ if ( name . trim ( ) == "" )
27
+ alert ( "Name camnnot be empty" ) ;
28
+ else if ( age == "" )
29
+ alert ( "Age camnnot be empty" ) ;
30
+ else if ( phone . trim ( ) == "" )
31
+ alert ( "Phone cannot be empty" ) ;
32
+ else {
33
+ if ( phone . length != 10 )
34
+ alert ( "Mobile no must contain 10 digits" ) ;
35
+ }
36
+ } )
37
+ </ script >
38
+ </ body >
39
+
40
+ </ html >
Original file line number Diff line number Diff line change
1
+ # Instagram Logo
2
+
3
+ ### A simple Instagram Logo made using HTML and CSS
4
+
5
+ ### Project Link : [ See Here] ( https://alonepranav.github.io/Project-HTML-CSS-JS/instagram-logo )
6
+
7
+ ## Project Image :
8
+
9
+ <img src =" ./preview.png " />
Original file line number Diff line number Diff line change 7
7
8
8
-->
9
9
10
-
11
-
12
-
13
-
14
10
<!DOCTYPE html>
15
11
< html lang ="en ">
16
12
17
13
< head >
18
14
< meta charset ="UTF-8 ">
19
15
< meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
20
16
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
21
- < link rel ="shortcut icon " href ="https://alonepranav.onrender.com/image/SC.png " type ="image/png ">
22
- < title > Instagram</ title >
17
+ < link rel ="shortcut icon " href ="../favicon.ico " type ="image/ico ">
18
+ < title > Instagram - Logo </ title >
23
19
< link rel ="stylesheet " href ="style.css ">
24
20
</ head >
25
21
You can’t perform that action at this time.
0 commit comments