Uber vs Cab

Developer
Scott Bram
Size
2,116 Kb
Views
52,624
  1. Uber vs Cab Previews
  2. Uber vs Cab HTML Codes
  3. Uber vs Cab CSS Codes

How do I make an uber vs cab?

A simple calculator to compare the cost of using Uber versus a cab. What is a uber vs cab? How do you make a uber vs cab? This script and codes were developed by Scott Bram on 11 August 2022, Thursday.

Uber vs Cab Previews
IQ Test

Uber vs Cab - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Uber vs Cab</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1>Uber vs. Cab</h1> <h2>The best Thing Evar!</h2>
<form action="" method="get" name="UberVsCab" dir="ltr" lang="en"> <div class="field" id="tripDistance"> <label for="tripDistance">Trip distance (in miles) </label>	<input name="tripDistance" type="number" size="4" maxlength="5" placeholder="12.5" pattern="" autocorrect="off">	</div> <div class="field" id="baseFare">	<label for="baseFare">(Uber) Base Fare/<br>(Cab) Meter Drop </label> <input name="baseFare" type="number" size="5" maxlength="5" placeholder="7.50" autocorrect="off">	</div> <div class="field" id="perMile">	<label for="perMile">Rate per mile </label> <input name="perMile" type="number" size="5" maxlength="5" placeholder="3.25" autocorrect="off">	</div> <div class="field" id="addlFees">	<label for="addlFees">Total additional fees </label> <input name="addlFees" type="number" size="5" maxlength="5" placeholder="4.00" autocorrect="off">	</div> <div class="field" id="minFare">	<label for="minFare">Minimum fare </label> <input name="minFare" type="number" size="5" maxlength="5" placeholder="15.00" autocorrect="off">	</div>
</form>
<div id="estimatedCost">$<span id="calcTotal">0</span></div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Uber vs Cab - Script Codes CSS Codes

body { margin: 0 auto; padding: 10px 0; width: 320px; color: gray; font: normal 20px Arial, Helvetica, sans-serif;
}
div { clear: both; height: 50px;
}
label { float: left; padding-top: 15px; font-weight: bold;
}
input { float: right; padding: 5px; width: 70px; height: 40px; border: solid 1px silver; font: normal 20px Arial, Helvetica, sans-serif;
}
.field { padding-top: 10px;
}
#baseFare label { padding-top: 0;
}
#estimatedCost { padding-top: 20px; height: auto; color: green; text-align: right; font-size: 80px;
}
Uber vs Cab - Script Codes
Uber vs Cab - Script Codes
Home Page Home
Developer Scott Bram
Username thatbram
Uploaded August 11, 2022
Rating 3
Size 2,116 Kb
Views 52,624
Do you need developer help for Uber vs Cab?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Scott Bram (thatbram) Script Codes
Name
AOR site logo
Trail detail example
Site switcher bookmarklet
Event demo
WindowSizr
Squareple
Strip ASCII characters that break JSON parsing
HTML5 File API demo
Idea for Colorectal Cancer Awareness Month promo for developers
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!