{% extends 'main_index.html' %}
{% block MDesc %}
Convert a hexadecimal number to other number systems.
{% endblock  %}
{% block MKW %}
Convert Hexadecimal number to Decimal,
Hexadecimal number to Hexadecimal,
Hexadecimal number to Octal,hexadecimal converter
{% endblock  %}
{% block Mr %}
27/03/2021
{% endblock  %}
{% block MAut %}
Amar khamkar
{% endblock  %}
{% block title %}  Hexadecimal number converter 
{% endblock  %}
{% block body %}

<style>




button[type=submit]{
color: white;
}

</style>


<form>
  <div class="container text-light">
    <div class="row ">

      <div class="col-md-7 my-3 " style="background-color:rgb(30,30,30);
      box-shadow:13px 4px 19px 7px rgb(19 17 17);">
        <div class="my-4 ">
<h1 class="my-4 text-center c">Hexadecimal Converters</h1>
<p class="my-4">First up all what is Hexadecimal number System?So,it is an number System with a radix 16.In thes number System
we have 0-15 numbers where 0-9 are represnt normally as decimal format but 10-15 are represnt by alphabets which is from A-F.Wide application of 
such number system can be seen in microprocessor which stores 16 bit of data and so on. </p>
  <hr class="bg-dark">
<div class="contain">
<h3 class="my-4  text-light" >Hexadecimal to Decimal</h3>
</div>
<p class="text-light my-4 mx-2">how can one convert Hexadecimal number to decimal?First up all, one has to write down weights corresponding 
to different positions then multiply each
digit in given number with corresponding weight to obtain product numbers and then add all the product numbers to get decimal equivalent.
But,stil  most humans only knows decimal number.So,it is necessary to have an software which can convert hexdecimal number to respective decimal number 
.So,calcont have that in which you have to just enter hexdecimal number in below and click to convert..</p>
  <div class="form-row my-4">
  <div class="col-md-1 mb-3"></div>
  
    <div class="col-md-10 mb-3">
      
      <input type="text"  style="    color: white;
      background-color: #191717;
      border: 3px solid black;
      border-radius: 15px;" placeholder="Enter The hexadecimal No." class="form-control coll" id="HextoDec" required>
    </div>
  </div>
  <div class="form-row mx-4">
 
  <button class="btn btn-outline-secondary   subm mx-4" type="submit">Convert</button> 
  </div> 

 <h5 class="text-center text-light" id="HextoDecHead"></h5>
<h5 class="text-center text-light" id="HextoDecOut"></h5> 


<hr class="bg-dark">
<div class="contain">
<h3 class="my-4  text-light" >Hexadecimal to binary</h3>
</div>
<p class="text-light my-4 mx-2">how can one convert Hexadecimal number to binary manually?We just write binary equivalent of each hexadecimal number one 
by one and then combine all those binary number.For Binary numbers you can see our <a href="/Conversion/BinaryConverter/">Binary Converters</a></p>
  <div class="form-row my-4">
  <div class="col-md-1 mb-3"></div>
  
    <div class="col-md-10 mb-3">
      
      <input type="text"  style="color: white;
      background-color: #191717;
      border: 3px solid black;
      border-radius: 15px;" placeholder="Enter The Hexadecimal No." class="form-control coll" id="Hexa" >
    </div>
  </div>
  <div class="form-row mx-4">

  <button class="btn  mx-4 btn-outline-secondary  sub" type="submit">Convert</button> 
  </div> 
 
 <h5 class="text-center text-light" id="HextoBinHead"></h5>
<h5 class="text-center text-light" id="HextoBinOut"></h5> 

<hr class="bg-dark">
<div class="contain">
<h3 class="my-4  text-light" >Hexadecimal to Octal</h3>
</div>
<p class="text-light my-4 mx-2">how can one convert hexadecimal number to octal manually?We just write binary equivalent of each hexadecimal number one 
by one and then combine all those binary number.And then again
we convert those binary to octal.For Binary numbers you can see our <a href="/Conversion/BinaryConverter/">Binary Converters</a></p>
  <div class="form-row">
  <div class="col-md-1 mb-3"></div>
  
    <div class="col-md-10 mb-3">
      
      <input type="text"  placeholder="Enter The Hexadecimal No." style="color: white;
      background-color: #191717;
      border: 3px solid black;
      border-radius: 15px;" class="form-control coll" id="Hexade" required>
    </div>
  </div>
  <div class="form-row mx-4">

  <button class="btn mx-4 btn-outline-secondary  submi my-4" type="submit">Convert</button> 
 
  </div> 
 <h5 class="text-center text-light" id="HextoOctHead"></h5>
<h5 class="text-center text-light" id="HextoOctOut"></h5> 



</div>
</form>

</div>
<div class="col-md-4 my-4 ">
      
  <div class="col p-4 d-flex flex-column position-static "  style="background-color:rgb(30,30,30);
  box-shadow:13px 4px 19px 7px rgb(19 17 17);">

<h4 class="mb-2 ">Converters</h3>
  {% for link in link_string1 %}
  <li class="my-2"><a href="{{link.0}}">{{link.1}}</a></li>
  {% endfor %}
  </div>
<div class="col my-3 p-4 d-flex flex-column position-static "  style="background-color:rgb(30,30,30);
box-shadow:13px 4px 19px 7px rgb(19 17 17);">
<h4 class="my-2">Calculators</h3>
{% for link in link_string2 %}
<li class="my-2"><a href="{{link.0}}">{{link.1}}</a></li>
{% endfor %}
            
          </div>
          
       
        </div>
      </div>
</div>

</div>
{% endblock %}
{% block JS %}
<script>
 
  var hexaVal={0:"0000",1:"0001",2:"0010",3:"0011",4:"0100",5:"0101",6:"0110",7:"0111",8:"1000",9:"1001",A:"1010",B:"1011",C:"1100",D:"1101",E:"1110",F:"1111"};$(".sub").click(function(e){var t="",n=document.getElementById("Hexa").value;if(""==(n=n.toUpperCase())){t="";var r="Enter hexadecimal no. first"}else{function a(e){for(var[t,n]of Object.entries(hexaVal))if(e==t)return n}for(var i=0;i<n.length;){if(!a(n[i])){r="Enter Valid hexadecimal no",t="";break}t+=a(n[i]),i==n.length-1&&(r="Binary no is"),i++}}document.getElementById("HextoBinHead").innerHTML=r,document.getElementById("HextoBinOut").innerHTML=t,e.preventDefault()}),$(".subm").click(function(e){var t={0:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",A:"10",B:"11",C:"12",D:"13",E:"14",F:"15"},n=document.getElementById("HextoDec").value,r=0,a=(n=n.toUpperCase()).split("");if(""==(n=a.reverse().join(""))){r="";var i="Enter hexadecimal no. first"}else{function o(e){for(var[n,r]of Object.entries(t))if(e==n)return r}for(var l=0;l<n.length;){if(!o(n[l])){i="Enter Valid hexadecimal no",r="";break}r+=parseInt(o(n[l]))*16**l,l==n.length-1&&(i="Decimal no is"),l++}}document.getElementById("HextoDecHead").innerHTML=i,document.getElementById("HextoDecOut").innerHTML=r,e.preventDefault()}),$(".submi").click(function(e){var t,n={0:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",A:"10",B:"11",C:"12",D:"13",E:"14",F:"15"},r=document.getElementById("Hexade").value,a=0,i="",o=(r=r.toUpperCase()).split("");if(""==(r=o.reverse().join(""))){a="";var l="Enter hexadecimal no. first"}else{function c(e){for(var[t,r]of Object.entries(n))if(e==t)return r}for(var d=0;d<r.length;){if(!c(r[d])){var f=0;l="Enter Valid hexadecimal no",a="";break}a+=parseInt(c(r[d]))*16**d,d++}for(;"0"!=a&&0!=f;)t=parseInt(a)%8,a=parseInt(a)/8,i=i.concat(t);0!=f&&(l="Octal no. is...")}var u=i.split("").reverse().join("");document.getElementById("HextoOctOut").innerHTML=u.slice(1),document.getElementById("HextoOctHead").innerHTML=l,e.preventDefault()});

</script>
{% endblock  %}