목록calculator (7)

비전공자 개발일기

Interest calcalator

Principal($): Rate: Time: Year Month Calculate * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { height: 100vh; background: linear-gradient(#01e26e, #72ffb4); } .container { background-color: #ffffff; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 80vw; max-width: 600px; min-width: 350px; padding: 60px 30px; border-..
Javascript 2022. 12. 14. 16:01
Basic Calculator

import UIKit @IBDesignable class RoundNumBTN: UIButton { @IBInspectable var isRound: Bool = false { didSet { if isRound { layer.cornerRadius = frame.height / 2 } } } } import UIKit enum Operation { case Plus case Substract case Multiple case Divide case unknown } class ViewController: UIViewController { @IBOutlet weak var numOutputLabel: UILabel! @IBOutlet weak var divideBTN: UIButton! @IBOutlet..
SWIFT 2022. 12. 13. 22:54
Calculator basic operator

* { padding: 0; margin: 0; box-sizing: border-box; font-family: "Roboto Mono", monospace; } body { height: 100vh; background: linear-gradient(to bottom, #f9544c 50%, #090c31 50%); } .calculator { width: 400px; background-color: #15173c; padding: 50px 30px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 8px; box-shadow: 0 20px 50px rgba(0, 5, 24, 0.4); }..
Javascript 2022. 12. 9. 00:29
Aspect Ratio Calculator

Aspect Ratio Width: Height: * { padding: 0; margin: 0; box-sizing: border-box; font-family: "Poppins", sans-serif; } body { background-color: #895cf3; } .container { width: 500px; background-color: #ffffff; padding: 80px 40px; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 10px; box-shadow: 0 30px 45px rgba(18, 8, 39, 0.2); } h2 { text-align: center; fo..
HTML _CSS 2022. 11. 27. 00:07
Height Converter

Height Converter Cm .container { width: 375px; height: 280px; margin: 65px 0 0 350px; background-color: #000; padding-left: 30px; color: #FFF; } h1 { padding: 25px 0 0 15px; } #cm{ width: 150px; height: 25px; margin: 30px 0 0 15px; } #result_alert { width: 100%; float: left; font-size: 35px; margin-top: 5px; text-align: center; color: #CC3333; } #result_feet, #result_inches { width: 50%; float: ..
Javascript 2022. 5. 17. 00:18
Age Calculator

Age Calculator Date Month Year body{ font-family: Arial, Helvetica, sans-serif; background-color: #2782e3; font-size: 15px; line-height: 1.5; padding: 0; margin: 0; } * { box-sizing: border-box; } .container{ width:520px; height: auto; margin: 100px auto; background-color: #eee; border-radius: 25px; } .base{ width: 100%; margin: 0; overflow: hidden; display: block; float: none; } .block{ width: ..
Javascript 2022. 4. 21. 00:42
Javascript - Calculator

계산기 caption { font-size: 32px; margin: 20px; } table { width: 320px; text-align: center; margin: 10px auto; } table, th { background: #333; } th { padding-right: 10px; height: 80px; } td { height: 75px; text-align: center; } th > input { width: 100%; border: none; background: #333; color: #fff; text-align: right; font-size: 48px; } td > input[type = "button"] { width: 100%; height: inherit; colo..
Javascript 2021. 9. 19. 22:19
이전 Prev 1 Next 다음