Gst calcuater
* {
Box-Sizing: Border-Box;
}
Body {
Font-Family: Arial, Sans-Serif;
Margin: 0;
Background-Color: #F9f9f9;
}
.Container {
Background-Color: #009fb7;
Border-Color: #000;
Border-Radius: 5px;
Box-Shadow: 0 0 5px Rgba(0, 0, 0, 0.1);
Padding: 20px;
Margin: 50px Auto;
Max-Width: 385px;
Text-Align: Center;
}
.Input-Group {
Display: Flex;
Flex-Direction: Column;
Margin-Bottom: 20px;
Width: 100%;
Max-Width: 400px;
}
.Input-Group Label {
Margin-Bottom: 5px;
Font-Weight: Bold;
}
.Input-Group Input {
Padding: 10px;
Border-Radius: 5px;
Border: 1px Solid #Ccc;
Font-Size: 16px;
Width: 100%;
Margin-Bottom: 10px;
}
.Input-Group Input:Focus {
Outline: None;
Border-Color: #555;
}
.Calculate-Btn {
Padding: 10px 20px;
Border-Radius: 5px;
Border: None;
Background-Color: #FF0064;;
Color: #Fff;
Font-Size: 16px;
Cursor: Pointer;
Transition: All 0.2s Ease-In-Out;
}
.Calculate-Btn:Hover {
Background-Color: #3e8e41;
}
.Result {
Font-Size: 24px;
Font-Weight: Bold;
Margin-Top: 20px;
Text-Align: Center;
Color: #Fff;
}
@Media Only Screen And (Min-Width: 768px) {
.Container {
Margin-Top: 100px;
}
}
GST Calculator
Function CalculateGST() {
Var Amount = Document.GetElementById("Amount").Value;
Var Gst = Document.GetElementById("Gst").Value;
Var Result = (Amount * Gst) / 100;
Document.GetElementById("Result").InnerHTML = "GST: " + Result.ToFixed(2);
}
このブログへのコメントは muragonにログインするか、
SNSアカウントを使用してください。