How to convert px to vh and vw in JavaScript?

Question:

I want to convert px to vh and vw in JavaScript, how can I do that?

example 23px = vh or vw result

Answer:

It's just a matter of percentage:

var convertPx2 = {
  vh: function(px){
    px = parseFloat(px);
    var wh = $(window).height(); // captura a altura da viewport

    // faz a relação de  porcentagem dos pixels informados
    // com a altura da viewport
    return (px*100)/wh;
  },
  vw: function(px){
    px = parseFloat(px);
    var ww = $(window).width();  // captura a largura da viewport

    // faz a relação de  porcentagem dos pixels informados
    // com a largura da viewport
    return (px*100)/ww; 
  }
}
var convertPx2 = {
	vh: function(px){
  	px = parseFloat(px);
  	var wh = $(window).height();
    
    return (px*100)/wh;
  },
	vw: function(px){
  	px = parseFloat(px);
  	var ww = $(window).width();
    
    return (px*100)/ww;
  }
}

console.log('400px em vw: ', convertPx2.vw(400));
console.log('400px em vh: ', convertPx2.vh(400));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Scroll to Top