Dados dos o más números, la tarea es obtener la suma flotante en el formato deseado con la ayuda de JavaScript. Hay dos métodos para resolver este problema que se discuten a continuación:
Enfoque 1:
- Dados dos o más números para sumar los números flotantes.
- Use el método parseFloat() y toFixed() para formatear la salida en consecuencia.
Ejemplo: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
Float sum with JavaScript.
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
Click Here
</button>
<p id = "GFG_DOWN" style = "color:green;
font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML = "Click on the button to get the"
+ " sum in desired format.";
var val = parseFloat('2.3')+parseFloat('2.4');
el_down.innerHTML = "2.3 + 2.4 = " + val;
function gfg_Run() {
el_down.innerHTML = "2.3 + 2.4 = "
+ (parseFloat('2.3') +
parseFloat('2.4')).toFixed(2);
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Dados dos o más números para sumar los números flotantes.
- Utilice el método parseFloat() y Math.round() para obtener el resultado deseado.
Ejemplo: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
Float sum with javascript.
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style =
"font-size: 15px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
Click Here
</button>
<p id = "GFG_DOWN" style = "color:green;
font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML = "Click on the button to get the"
+ " sum in desired format.";
var val = parseFloat('2.3')+parseFloat('2.4');
el_down.innerHTML = "2.3 + 2.4 = " + val;
function gfg_Run() {
el_down.innerHTML = "2.3 + 2.4 = " +
Math.round((parseFloat('2.3')
+ parseFloat('2.4'))*100)/100;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA