Can you retrieve the value and convert it into a numerical form?

I have an input field that looks like this.

<input id="test" value="150,000">

My goal is to extract the value from this input and perform calculations with it.

Is there a way to convert value="150,000" into a number without the comma, such as 150000?

I attempted to use

numberFormat($("input[id='test']").val())
but it did not work as expected.

Answer №1

To convert a string with commas to a number, you can simply remove the commas and parse it as a number:

function getValue(){
  let inputValue = document.getElementById('test').value
  let number =  +inputValue.replace(/,/g,'')
  
  console.log(number)
  console.log(typeof number)
}
<input id="test" value="150,000">
<button onclick="getValue()"> Get Number</button>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What steps are needed to generate an Observable that contains boolean values?

I am looking to create an Observable that can emit a boolean value and be modified by a function. My attempt was: showModal$ = new Observable<boolean>(); Unfortunately, this approach did not work as expected. What I really need is for showModal$ ...

Is it possible to embed a Microsoft Teams meeting within an Iframe?

Is it possible for MS Teams to provide a URL of a video meeting that can be embedded in external locations, such as an iframe on my website? I attempted to add it like this: <iframe src="https://teams.microsoft.com/l/meetup-join/19%3ameeting_N2E3M ...

State sub-arrays can be manipulated using the Array.splice method

This is a description of my React component. Initially, I set the state's rooms in the componentWillReceiveProps method. Upon submission, I update the rooms to match the data in the state as well. During submission, an API call is made by passing a s ...

"Implementing Nested Actions in Vuex: A Guide on Calling Actions within Actions

I am currently working on a small Vue App with a Rails API where I am using Vue, Vue-Resource, and Vuex. I have successfully fetched all users from the database and now I am trying to update one of them. The patch operation for updating the user is working ...

Angular 2 template is nowhere to be found

As a newcomer to Angular 2, I am currently developing an app where I have successfully completed the Root component containing a navigation bar and footer. However, as I delve into working on the homepage module, I encountered an error. [Error] Unhandle ...

Selecting the checkbox will activate the POST endpoint

I am working on a nodejs/express app and looking for a way to update my database using a POST route when a checkbox is clicked. The challenge I am facing is that I want to avoid using a submit button or jQuery. I am currently using a Bootstrap4 checkbox ...

Firebase issue: The function ref.once is throwing an Uncaught TypeError and is not recognized

I am attempting to utilize Firebase for both uploading a file and storing it in my database simultaneously. I want to track the number of uploads so that I can rename each file uniquely. While I have successfully uploaded and stored a copy in the database, ...

What is the best way to access the attribute of an AJAX response?

resp.getWriter().write("msg=1?id=" + l1); Within the code snippet below, I am able to retrieve the responseText. However, I am wondering how can I extract an attribute from the response text. Sample AJAX Code: function updatecategories(cu) { var r1 = ...

Utilizing the Model URL Parameter in VueJS

In the context of , my objective is to dynamically modify a range input element and reflect that change in the URL. // Incorporating URL update with range input manipulation var Hello = Vue.component('Hello', { template: ` <div> &l ...

Requesting PayPal for an HTTPS transaction

When attempting to call the Express Checkout Paypal API using $http.get(AngularJS), I encountered error 81002(Method Specified is not Supported). However, when I tried calling the API using the search bar in Google Chrome, I was able to retrieve the token ...

What is the best practice for retrieving data in a Reactjs application?

I've been working on a Reactjs app and have run into an issue regarding data fetching from Firebase. I'm unsure whether it's more efficient to fetch data in the root component (App.jsx) or in individual components. Currently, I have collect ...

transferring information from a nested input field in Vue to its parent component

I need to send the input data from a child component to the parent component's data property by using the $emit method. Directly binding the transmitted property to the child property using v-bind within the <input v-model="userinput" /&g ...

Eliminating parent nodes based on child values

For my application, I am utilizing Firebase and aiming to delete a parent node based on its child value. Despite trying multiple solutions, I have not been successful so far. Below is my latest attempt: exports.removePlayer = functions.https.onRequest(as ...

Tips for Dynamically Binding Data in Angular ChartsWant to learn how to dynamically bind

I have integrated angular-charts directives into my application and everything works perfectly when initializing the data. However, I encountered an issue when reading the data from a JSON file and assigning it to the chart. The x-axis and y-axis are gener ...

Stop geocomplete from providing a street address based on latitude and longitude coordinates

Is there a way to prevent geocomplete from displaying the street portion of the address when passing lat and lng coordinates? Here's an example: If I pass these coordinates to geocomplete: var lat = '40.7127744' var lng = '-74.006059& ...

Sending JSON data back to React in a file format

I have a json file within the project that contains the necessary data to display in my component. Can someone guide me on how to properly access the json file in react and output the data from it? data.json { "dictionary": [ { "index": "1", ...

Importing data from an external file into an array using AngularJS

Hey there, I'm new here on Stack and hoping someone can lend a hand because I've hit a roadblock! I'm working with an AngularJS script that generates multiple icons using data from a simple array. Each icon is linked to a YouTube video. Th ...

Storing the translated value from angular translate into a global variable: a guideline

I've been grappling with this issue for quite some time now without much success. My goal: I'm attempting to store the value of an angular translation (using $translate) in a global variable so that I can later use it for assigning dynamic varia ...

Issue with jQuery DataTable: Unable to use column-level filters at the top and maintain a fixed height simultaneously

I am having an issue displaying data in a jQuery DataTable with a column level filter at the top, fixed height, and scroller enabled. Initially, I was able to display the column level filter at the top and it was functioning properly. However, when I set t ...

techniques for tracking instance variables in a Ruby controller and transferring them to an HTML view utilizing AJAX

Hello, I am looking to create a page that dynamically monitors or renders the value of a variable within the controller as it iterates through different values. view.html.erb <a id='get_value' class="btn">Run</a> <ul id="value_va ...