Inches to CM Mass Converter (WIP)
How do I make an inches to cm mass converter (wip)?
What is a inches to cm mass converter (wip)? How do you make a inches to cm mass converter (wip)? This script and codes were developed by Jeanine on 12 September 2022, Monday.
Inches to CM Mass Converter (WIP) - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Inches to CM Mass Converter (WIP)</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=PT+Sans'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="wrapper"><div class="container"> <div class="header"> <h1>Inches to CM Mass Converter</h1> </div> <textarea class="inch" placeholder="Paste content using inches"></textarea><br/> <button class="btn btn-primary convert">Convert to CM</button> <h2>Output:</h2> <div class="output"> </div> </div> <ul class="todo"><li> to-do: keep extra text </li><li> change option: cm to inches </li> <li>copy output button</li></ul>
</div> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Inches to CM Mass Converter (WIP) - Script Codes CSS Codes
h1, h2 {font-family: 'PT Sans', sans-serif; font-size: 2rem; text-transform:uppercase; border-bottom: 1px solid #ccc; }
h2 { font-size: 1.5rem;}
.output { background: #eee; padding: 10px; margin-top: 10px;}
.inch { width:100%;}
.container { max-width: 500px; border: 1px solid #ccc; margin-top: 10px; padding-bottom:15px;}
.todo { font-size: 1rem; color: #585858; }
Inches to CM Mass Converter (WIP) - Script Codes JS Codes
$('.convert').click(function() { $('.output').html(''); var inch = $('.inch').val(); var cdata = inch.slice(" "); var re = /(\")/g; var str = inch; var newstr = str.replace(re, 'cm'); var re1 = /(\d+\.?\d*|\.\d+)/g;
// var newstr2 = newstr.replace(re1, "$1"); //var newstr2 = newstr.replace(re1, (((parseFloat("$1") || 0)))); var newstr2 = newstr.match(re1).map(function(v) { return parseFloat(v); }); for (var i = 0; i < newstr2.length; i++) { var out = /(\.)/g; var outstr = parseFloat(newstr2[i] * 2.54).toFixed(1) + "cm "; var newoutstr = outstr.replace(out, ','); $('.output').append( newoutstr ); } //$('.output').html(newstr2);
});
function inchconvert() { with(document.cminch) { cm.value = roundit(inch.value * 2.54); feet.value = roundit(inch.value / 12); }
}
Developer | Jeanine |
Username | virtual |
Uploaded | September 12, 2022 |
Rating | 3 |
Size | 2,382 Kb |
Views | 30,360 |
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!
Name | Size |
Expanding Info Boxes | 5,141 Kb |
Flexbox | 2,263 Kb |
3 Piece Slider | 3,881 Kb |
3 Piece Slider with featured center | 3,920 Kb |
Simple React Template | 2,233 Kb |
Table Sorter Data | 3,347 Kb |
Font-Awesome Icon Card with heading | 2,882 Kb |
Simple Event Box | 1,623 Kb |
Bootstrap 4 | 2,121 Kb |
Parallax Cats | 6,553 Kb |
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!
Name | Username | Size |
Falling Down the Rabbit Hole | Rachelnabors | 4,578 Kb |
Dribbble Inspired Registration Form | Lancebush | 2,358 Kb |
Glowing Pulse Form | Jackrugile | 2,542 Kb |
CSS3 Butterfly | Timohausmann | 3,430 Kb |
A Pen by Gregory Potdevin | GregoryPotdevin | 1,713 Kb |
Vue.js Starter | Andymerskin | 1,268 Kb |
A Pen by Andrea Verlicchi | Verlok | 2,018 Kb |
Playing with FlexBox | _Billy_Brown | 3,162 Kb |
Popover Example | Seanboom | 2,429 Kb |
Kudos Please | TimPietrusky | 6,624 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!