Consider the following HTML, with the correct Vue 2 CDN links included. pineapple 🍍 Buy Amount : {{amount}} new Vue({ el: '#app', data() { return { amount: '', price: 40, } }, methods: { addPineapple() { this.amount += this.price; } } }) What will be shown in the amount placeholder when the Buy button is clicked two times?

Modern Application Development II · Quiz 1 · 27 Oct 2024 · September 2024 term

Question 8: Consider the following HTML, with the correct Vue 2 CDN l…

Question 8

+4.5 marksOne correct option

Consider the following HTML, with the correct Vue 2 CDN links included.

html

1<body>
2    <div id="app">
3        <p>pineapple 🍍</p>
4        <button @click="addPineapple">Buy</button>
5        <p>Amount : {{amount}}</p>
6    </div>
7    <script>
8        new Vue({
9            el: '#app',
10            data() {
11                return {
12                    amount: '',
13                    price: 40,
14                }
15            },
16            methods: {
17                addPineapple() {
18                    this.amount += this.price;
19                }
20            }
21        })
22    </script>
23</body>

What will be shown in the amount placeholder when the Buy button is clicked two times?

A
40
B
80
C
4040
D
undefined

Show answer

Correct answer

C
4040

See the whole paper Take it as a mock test

Question 8 of 16 in the IIT Madras BS Modern Application Development II (MAD 2) Quiz 1 paper sat on 27 Oct 2024, in the September 2024 term (IIT M DIPLOMA AN EXAM QDD2 27 Oct 2024). It carries 4.5 marks.

Question 8: Consider the following HTML, with the correct Vue 2 CDN l…

Question 8

More questions from this paper