I aim to display the outcome of Math.round(score * 0.10), however, what ends up being displayed is the outcome of that outcome

Question

I aim to display the outcome of Math.round(score * 0.10), however, what ends up being displayed is the outcome of that outcome

I am working with the following JavaScript code:

score -= Math.round(score * 0.10);
$('.sc').text(score);
$('.score').text('-' + Math.round(score * 0.10));

This code is designed to deduct 10% from a given score without any decimals. For example, if we have a div with class "sc" and the score is initially set to 456, we would like to take away 10% from this value.

The following line of code

score -= Math.round(score * 0.10);

calculates that 456 - 46 = 410, and then $('.sc').text(score); updates the text in the "sc" div to display: 410

However, another div with the class "score" needs to display the deducted amount, which should be 46. Unfortunately, using

$('.score').text('-' + Math.round(score * 0.10));

shows 10% of 410 rather than the original 456.

How can I correctly display the deducted amount (46) in the ".score" div? Any suggestions would be greatly appreciated.

Thank you,

Maurice

javascript math

Answer 1

Answer №1

Instead of repeatedly calculating the deduction, it is better to monitor its value.

let penalty = -Math.round(score * 0.10); 
score += penalty; 
$('.total-score').text(score);
$('.deduction').text(penalty);

Answer 2

Instead of repeatedly calculating the deduction, it is better to monitor its value.

let penalty = -Math.round(score * 0.10); 
score += penalty; 
$('.total-score').text(score);
$('.deduction').text(penalty);

Answer 3

Answer №2

Consider using a new variable for an alternative approach.

var updatedScore = Math.round(score *= .9);
$('.sc').text(updatedScore);
$('.score').text('-' + (score - updatedScore));

In this scenario, score *= .9 calculates 90% of the score and then subtracts it from the original value.

The reason for doing it this way is to ensure that any mathematical operations are performed on the most current value rather than the initial one.

Answer 4

Consider using a new variable for an alternative approach.

var updatedScore = Math.round(score *= .9);
$('.sc').text(updatedScore);
$('.score').text('-' + (score - updatedScore));

In this scenario, score *= .9 calculates 90% of the score and then subtracts it from the original value.

The reason for doing it this way is to ensure that any mathematical operations are performed on the most current value rather than the initial one.

Answer 5

Answer №3

First, assign the rounded score to the variable. Next, perform another rounding operation on it.

Answer 6

First, assign the rounded score to the variable. Next, perform another rounding operation on it.

Answer 7

Answer №4

Save time by avoiding subtraction:

$('.sc').text(Math.round(score*0.9));
$('.score').text("-" + Math.round(score*0.1));

Answer 8

Save time by avoiding subtraction:

$('.sc').text(Math.round(score*0.9));
$('.score').text("-" + Math.round(score*0.1));

Answer 9

Answer №5

$('.sc').text(Math.round(result * .9));
$('.score').text('-' + Math.round(result * .1));

Answer 10

$('.sc').text(Math.round(result * .9));
$('.score').text('-' + Math.round(result * .1));

I aim to display the outcome of Math.round(score * 0.10), however, what ends up being displayed is the outcome of that outcome

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Swap out a paragraph with a city name fetched from a JSON file

Run a script on a specific div element exclusively

How can I prevent users from selecting text when they right click using JavaScript?

Issue with dialogue not appearing when clicking on a table cell

What causes the error message "Why does the 'do not alter Vuex store state outside mutation handlers' error occur?"

Enhance the functionality of the button by implementing AJAX with the use of data

Updating the value within a nested object in React's useState function

Verifying the similarity of usernames using a JSON array

How can we sort an array in JavaScript based on a particular parameter rather than the default sorting behavior that considers other parameters as well?

Is it possible to use regex to replace all content between two dashes, including any new

Adding Floating Point Numbers in TypeScript Objects

Delaying the activation of the code until the image upload is complete

Show the current server time on the client side using Meteor

Having trouble toggling the dropdown submenu feature in a Vuejs application?

Journeying through JSON: Presenting the value alongside its hierarchical parent

Error: Unable to access the 'comments' property of a null value

Convert the existing JavaScript code to TypeScript in order to resolve the implicit error

ERROR: An issue occurred while attempting to resolve key-value pairs

Switching up the menu choices does not result in a shift in the active class, despite attempting the workaround outlined in the following link

What is the best way to incorporate a fresh array into the existing array element stored in local storage?