html window height code example

Example 1: how to get the height of window in javascript

//get screen height of the device by using
window.innerHeight
//get screen width of the device by using
window.innerWidth

Example 2: get window size javascript

const window {
  width: window.innerWidth,
  height: window.innerHeight
}

Example 3: css window height

div {
    height: 100vh;
}

Example 4: css window height

body, html {
  height: 100%;
}

#right {
  height: 100%;
}

Example 5: css window height

.left {
  height: 100vh;
  width: 50%;
  background-color: grey;
  float: left;
}

.right {
  height: 100vh;
  width: 50%;
  background-color: red;
  float: right;
}

Example 6: get window height javascript

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"Screen width is " + screen.width;
</script>

Tags:

Css Example