display funtion's result

zeineb

hi! i’m a beginner in the quasar framework , i would know how to display a function’s result , this is my code source

<div>

<div class="layout-padding">
  <p class="caption">
    La durée de l'emprunt en mois
    <span class="label inline bg-secondary text-white">
      <span class="right-detail"><em>{{value1}}</em> &nbsp;&nbsp;mois</span>
    </span>
  </p>
    
  <q-range v-model="value1" :min="0" :max="300" :step="1" label></q-range>
  
  <p class="caption">
    Le montant emprunté (€)
    <span class="label inline bg-secondary text-white">
      <span class="right-detail"><em>{{value2}}</em> &nbsp;&nbsp;€</span>
    </span>
  </p>
    
  <q-range v-model="value2" :min="0" :max="500000" :step="10" label></q-range>
  
  <p class="caption">
    TEG : Taux Effectif Global annuel
    <span class="label inline bg-secondary text-white">
      <span class="right-detail"><em>{{value3}}</em> &nbsp;&nbsp;%</span>
    </span>
  </p>
    
  <q-range v-model="value3" :min="0" :max="100" :step="0.1" label></q-range>

<p class=“caption”>Mensualité</p>
<span class=“right-detail” ><em>{{total}}</em> €</span>

</div>

</div>
</template>

computed: {
total: function(value1,value2,value3) {
return (value2*(value3/1200))/(1-Math.pow((1+value3/1200),(-value1)))
} } } } }
</script>

JCharante

@zeineb If what you posted for your <script> tag is correct, then:

Your curly braces are out of place
In your call to total, you’re not supplying the parameters. Instead our total function won’t take any parameters and will instead use this.foo to get the value of foo.
You can’t use -foo to get the negative value of foo

<script>
  export default {
    data () {
      return {
        value1: 0,
        value2: 0,
        value3: 0,

  computed: {
    total: function(value1,value2,value3) {
      return (value2*(value3/1200))/(1-Math.pow((1+value3/1200),(-value1)))
  } } } } }
</script>

can be converted into

<script>
  export default {
    data () {
      return {
        value1: 0,
        value2: 0,
        value3: 0,
      }
    },
    computed: {
      total () {
        return (this.value2 * (this.value3 / 1200)) / (1 - Math.pow((1 + this.value3 / 1200), ( this.value1 * -1)))
      }
    }
  }
</script>

Also, you posted this in Show & Tell. I think a better category would have been Help. And please format the code you post here so it’s easier for people to help you.

```
console.log(‘Hello World’)
```

turns into

console.log('Hello World')