Related questions

How can I set window.innerHeight to fullsize?

2021-01-11 05:22 user13851719 imported from Stackoverflow 

// collect all the divs
var divs = document.getElementsByClassName('star');
// get window width and height
var winWidth = window.innerWidth;
var winHeight = window.innerHeight;

// i stands for "index". you could also call this banana or haircut. it's a variable
for ( var i=0; i < divs.length; i++ ) {
    
    // shortcut! the current div in the list
    var thisDiv = divs[i];
    
    // get random numbers for each element
    randomTop = getRandomNumber(0, winHeight);
    randomLeft = getRandomNumber(0, winWidth);
    
    // update top and left position
    thisDiv.style.top = randomTop +"px";
    thisDiv.style.left = randomLeft +"px";
    
}

// function that returns a random number between a min and max
function getRandomNumber(min, max) {
    
  return Math.random() * (max - min) + min;
    
}

How can I set that window.innerHeight to full screen size? Or setting to specific number like 2500px.

Now it just be small part in page.

How can I change it?

1 answer

  • answered 2021-01-11 05:32 Vahid

    You can get full screen with and height by this:

    let screenWidth = screen.availWidth;
let screenheight = screen.availHeight;

    And set your div width and height like this:

    thisDiv.style.width = "200px";

    Edit:

    Sorry, maybe I didn't catch what do you want to do. Do you want to show divs randomly across the browser window? Then using window.innerWidth as you did, would be fine in first place, and you shouldn't change anything, but obviously something doesn't work fine. But refer to question, do you want to resize the browser window? For this there is a method that could resize the window, but it works only if windows was opened by ``window.open(...```. As I know, you can't resize the main browser or one Tab from javascript.

See also questions close to this topic

  • How to split a string with arbitrary arguments？ [js]

    I'm struggling with a very simple problem.

    lines = "hogefoobarwai"

    I want to cut this string into 4 characters. Like this.

    hoge, foob, arwa, i

    How to split?

    I try to use split() with regex.

    let vars = lines.match(/.{4}/g);

    This is good. But if something like {4} is variable, it won't work.

    for example

     length = 6

let vars = lines.match(/.{length}/g);

    this show literally /.{length}/

    If anyone can tell me what it is, please let me know.

    thank you.

  • Jest: Maximum call stack size exceeded when creating a mock that import a module

    I want to set a mock from a module, but Jest keep to throw this error. I didn't want to put mocks next to node_modules, so I mapped the folder in the jest config file, but I don't think that's the problem.

    folder structure:
    -- node_modules
    -- src
    ---- module_to_test-ts
    -- tests
    ---- __ mocks __
    ---- test.ts

        RangeError: Maximum call stack size exceeded

    > 26 | jest.mock('jsonwebtoken', () => require('@Mocks/jsonwebtoken'));
         |                                 ^

    jest.config.js

        moduleNameMapper: {
        '^@App/(.*)$': '<rootDir>/src/$1',
        '^@Mocks/(.*)$': '<rootDir>/tests/__mocks__/$1',
    },
  • How to improve my Regex to satisfy 'aaaa-12345'

    are there any regex experts out there who can help me?

    I need to use some regex to ensure that the first 4 characters of an input are characters, followed by a hyphen, then followed by 5 numbers. like:

    ABcd-12345

    so far I have /^([a-zA-Z0-9]*-[a-zA-Z0-9]*)+$/

    thanks :)