Radix Converter

Developer
Thepheer
Size
3,488 Kb
Views
6,072
  1. Radix Converter Previews
  2. Radix Converter HTML Codes
  3. Radix Converter CSS Codes
  4. Radix Converter JS Codes

How do I make an radix converter?

The source is available on github.. What is a radix converter? How do you make a radix converter? This script and codes were developed by Thepheer on 25 January 2023, Wednesday.

Radix Converter Previews
IQ Test

Radix Converter - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Radix Converter</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <a href='//github.com/thepheer/radix-converter' target='_blank' class='github-corner' aria-label='View source on Github'><svg width='80' height='80' viewBox='0 0 250 250' style='fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;' aria-hidden='true'><path d='M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z'></path><path d='M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2' fill='currentColor' style='transform-origin: 130px 106px;' class='octo-arm'></path><path d='M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z' fill='currentColor' class='octo-body'></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style> <script src='http://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.runtime.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Radix Converter - Script Codes CSS Codes

@import url("//be5invis.github.io/Iosevka/fonts.css");body{background:#002b36;color:#839496}
.app__root{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:200 4.5vh IosevkaWEB,monospace}
.radix-converter__root{width:12em;border-collapse:collapse}.radix-converter__root [contenteditable]{outline:none;color:#eee8d5}.radix-converter__root th{padding:0;padding-bottom:.75em;font-weight:inherit;color:#268bd2}.radix-converter__root td{padding:0;text-align:left;vertical-align:top}.radix-converter__root td:nth-child(2){width:100%;text-align:right}

Radix Converter - Script Codes JS Codes

!function(e){"use strict";const t={binary:2,ternary:3,quaternary:4,quinary:5,senary:6,octal:8,decimal:10,duodecimal:12,hexadecimal:16},r=(e,t)=>t.toString(e),n=(e,t)=>{const[r,n]=t.split("."),s=parseInt(r,e);return n?parseInt(n,e)/Math.pow(e,n.length)+s:s},s=e=>e.toUpperCase();var a={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"app__root"},[r("radix-converter",{attrs:{value:42}})],1)},staticRenderFns:[],cssModules:{root:"app__root"},components:{RadixConverter:{render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("table",{staticClass:"radix-converter__root"},[e._m(0),e._l(e.list,function(t,n){return r("tr",[r("td",[e._v(e._s(e._f("titleCase")(n))+":")]),r("td",[r("radix-input",{attrs:{radix:t},model:{value:e.number,callback:function(t){e.number=t},expression:"number"}})],1),r("td",[r("sub",{domProps:{textContent:e._s(t)}})])])})],2)},staticRenderFns:[function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("tr",[r("th",{attrs:{colspan:"3"}},[e._v("Radix Converter")])])}],cssModules:{root:"radix-converter__root"},props:["value"],data(){return{number:this.value}},computed:{list:()=>t},filters:{titleCase:e=>e.replace(/\b\w/g,s)},components:{RadixInput:{render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("editable",{model:{value:e.converted,callback:function(t){e.converted=t},expression:"converted"}})},staticRenderFns:[],props:["value","radix"],computed:{converted:{get(){return r(this.radix,this.value)},set(e){const t=n(this.radix,e);this.$emit("input",t)}}},components:{Editable:{render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("div",{attrs:{contenteditable:""},on:{input:e.update,blur:e.reset}})},staticRenderFns:[],props:["value"],methods:{reset(){this.$el!==document.activeElement&&(this.$el.textContent=this.value)},update(){this.$emit("input",this.$el.textContent)}},watch:{value(){this.reset()}},mounted(){this.reset()}}}}}}}};window.addEventListener("load",()=>{const t=new e(a).$mount();document.body.appendChild(t.$el)})}(Vue);
Radix Converter - Script Codes
Radix Converter - Script Codes
Home Page Home
Developer Thepheer
Username thepheer
Uploaded January 25, 2023
Rating 3
Size 3,488 Kb
Views 6,072
Do you need developer help for Radix Converter?

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!

Thepheer (thepheer) Script Codes
Name
Audio Visualiser
Strange Attactor
Emoji Clock
Color Wheel
Braille
Flight Control
Filters
Magnetic Field
Fluid Cube
A Pen by thepheer
Create amazing blog posts 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!