FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
Basic-To-Advanced-JavaScript/Function/index.html at main · MaazWebDev/Basic-To-Advanced-JavaScript · GitHub
MaazWebDev
/
Basic-To-Advanced-JavaScript
Public
Notifications
You must be signed in to change notification settings
Fork
0
Star
0
Code
Issues
0
Pull requests
0
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
Basic-To-Advanced-JavaScript
/
Function
/
index.html
Copy path
More file actions
More file actions
Latest commit
History
History
History
75 lines (70 loc) · 2.02 KB
Breadcrumbs
Basic-To-Advanced-JavaScript
/
Function
/
index.html
Copy path
File metadata and controls
75 lines (70 loc) · 2.02 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html
>
<
html
lang
="
en
"
>
<
head
>
<
meta
charset
="
UTF-8
"
>
<
meta
name
="
viewport
"
content
="
width=device-width, initial-scale=1.0
"
>
<
title
>
Function
</
title
>
<
style
>
body
{
font-family
:
Arial
,
sans-serif;
background
:
#
f4f4f4
;
text-align
:
center;
padding-top
:
50
px
;
}
.
calculator
{
background
:
#
fff
;
display
:
inline-block;
padding
:
30
px
;
border-radius
:
10
px
;
box-shadow
:
0
4
px
10
px
rgba
(
0
,
0
,
0
,
0.1
);
}
input
{
padding
:
10
px
;
margin
:
10
px
;
width
:
200
px
;
border
:
1
px
solid
#
ccc
;
border-radius
:
5
px
;
font-size
:
16
px
;
}
button
{
padding
:
10
px
20
px
;
margin
:
5
px
;
font-size
:
16
px
;
border
:
none;
background
:
#
007BFF
;
color
:
white;
border-radius
:
5
px
;
cursor
:
pointer;
}
button
:
hover
{
background
:
#
0056b3
;
}
#
Calculation_Result
{
display
:
block;
margin
:
20
px
0
;
font-size
:
20
px
;
font-weight
:
bold;
color
:
#
333
;
}
</
style
>
</
head
>
<
body
>
<
h1
style
="
text-align: center;
"
>
Check Console Please ( Ctrl + Shift + i )
</
h1
>
<!-- <input type="text" id="num" placeholder="Enter Number">
<button onclick="isEven()">Check</button>
<h2 id="answer"></h2> -->
<
div
>
<
input
type
="
text
"
id
="
num1
"
placeholder
="
Enter First Number
"
>
<
input
type
="
text
"
id
="
num2
"
placeholder
="
Enter Second Number
"
>
<
br
>
<
span
id
="
Calculation_Result
"
>
</
span
>
<
div
>
<
button
onclick
="
calculate('+')
"
>
Add
</
button
>
<
button
onclick
="
calculate('-')
"
>
Subs
</
button
>
<
button
onclick
="
calculate('*')
"
>
Multi
</
button
>
<
button
onclick
="
calculate('/')
"
>
Divi
</
button
>
</
div
>
</
div
>
<
script
src
="
app.js
"
>
</
script
>
</
body
>
</
html
>
Back
|
FazBrowse Home
|
New Git URL