javascript - I'm trying to build a simple currency converter. my function to convert the currency keeps giving me an error

Question

I'm getting this error 'The right-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enumtype.'

import { Component, OnInit } from '@angular/core';
    
    @Component({
      selector: 'app-convert',
      templateUrl: './convert.component.html',
      styleUrls: ['./convert.component.css']
    })
    export class ConvertComponent implements OnInit {
      amount = 1;
      from = 'USD';
      to = 'GBP';
      rate = '1.37';
    
      // function for conversion.
      convert(): number {
        return this.amount * this.rate;
      }
    
        
    
      constructor() {}
    
      ngOnInit(): void {}
    }

question from:https://stackoverflow.com/questions/65919350/im-trying-to-build-a-simple-currency-converter-my-function-to-convert-the-curr

Answer 1

Either change rate = '1.37'; to rate = 1.37;
or change return this.amount * this.rate; to return this.amount * Number(this.rate);

You should also rename the variable from to convertFrom, because from is a reserved term.