javascript if condition not executing properly

Question

javascript if condition not executing properly

I am struggling with my random number generator that should generate numbers between 5 and 15. I am trying to change the position of the 'chest' div based on the number generated by the computer, but for some reason it is not working as expected. I have double-checked that the div is named 'chest', there is a CSS statement for 'left', and the function is indeed being called and generating a number.

Below is the code snippet:


var xChestPosition;
var yChestPosition;
function randomNumberForChest(firstNum, secondNum) {
    xChestPosition = Math.floor(Math.random() * secondNum) + firstNum;
    yChestPosition = Math.floor(Math.random() * secondNum) + firstNum;
    alert(xChestPosition);
    
    switch (xChestPosition) {
        case 5:
        case 6:
        case 7:
        case 8:
        case 9:
        case 10:
        case 11:
        case 12:
        case 13:
        case 14:
        case 15:
            $('#chest').css('left','300');
            break;
        default:
            // Handle other cases
            break;
    }
}

javascript jquery html css if-statement

Answer 1

Answer №1

To ensure accuracy in CSS positioning, it is advisable to always specify the unit of measurement.

$('#chessboard').css('left', '300px')

Answer 2

To ensure accuracy in CSS positioning, it is advisable to always specify the unit of measurement.

$('#chessboard').css('left', '300px')

Answer 3

Answer №2

It is suggested to utilize the following code snippet for optimal results:

$('#chest').css({"position": "absolute", "left": "300px"});

Instead of using:

$('#chest').css('left','300');

This is because specifying the position attribute is crucial when setting the left attribute, whether it's absolute, fixed, or relative. By doing so, your conditional statement will be executed accurately.

Answer 4

It is suggested to utilize the following code snippet for optimal results:

$('#chest').css({"position": "absolute", "left": "300px"});

Instead of using:

$('#chest').css('left','300');

This is because specifying the position attribute is crucial when setting the left attribute, whether it's absolute, fixed, or relative. By doing so, your conditional statement will be executed accurately.

Answer 5

Answer №3

Give this code snippet a try:

let xPositionOfTreasure;
    let yPositionOfTreasure;

    function generateRandomPositionForTreasure(minNum, maxNum) {
        xPositionOfTreasure = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
        yPositionOfTreasure = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
        
        alert(xPositionOfTreasure);
        
        switch (xPositionOfTreasure) {
            case 5:
            case 6:
            case 7:
            case 8:
            case 9:
            case 10:
            case 11:
            case 12:
            case 13:
            case 14:
            case 15:
                $('#chest').css('left', '300px');
                break;
            default:
                // Do something else
        }
    }

Answer 6

Give this code snippet a try:

let xPositionOfTreasure;
    let yPositionOfTreasure;

    function generateRandomPositionForTreasure(minNum, maxNum) {
        xPositionOfTreasure = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
        yPositionOfTreasure = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
        
        alert(xPositionOfTreasure);
        
        switch (xPositionOfTreasure) {
            case 5:
            case 6:
            case 7:
            case 8:
            case 9:
            case 10:
            case 11:
            case 12:
            case 13:
            case 14:
            case 15:
                $('#chest').css('left', '300px');
                break;
            default:
                // Do something else
        }
    }

javascript if condition not executing properly

Answer №1

Answer №2

Answer №3

Similar questions

``What is the best way to adjust the layout of

Error message: `Socket.io-client - Invalid TypeError: Expected a function for socket_io_client_1.default`

positioning a text input in the center instead of at the top of the page

Pressing the Button Increases the Counter, However the Counter Resets After

Integrating Dart with external libraries

Using the if-else statement in an email form: A step-by-step guide

Event follows activation of trigger click

Encountered an issue when attempting to access a file on the desktop using Node.js

Creating a JavaScript function that increments or decrements a variable based on keyboard input is a useful feature

What causes setInterval to create an endless loop when used inside a while loop in JavaScript?

"Utilize Meteor to transmit emails to internal email addresses within the intran

Transforming multi-layered form data into a JSON array structure for seamless integration with application/json

Is it possible to efficiently utilize Map/Set in TypeScript/JavaScript when working with objects?

Difficulty accessing `evt.target.value` with `RaisedButton` in ReactJS Material UI

Leverage the power of jQuery and AJAX in conjunction with the Laravel framework to showcase and

Reducing the number of DOM manipulations for websites that heavily utilize jquery.append

All menus effortlessly sliding out simultaneously

Illuminate XHR 500 (Server Side Issue)

"Implementing filtering logic for an array of objects with multiple conditions in a React application

What is the best way to initiate an AJAX request and retrieve the requested data?