Consider the following application with markup “index.html” and javascript file “app.js”, and answer the given subquestions. index.html: {{slot.date.getDate()}} {{slot.id}} app.js : new Vue({ el: '#app', data: { slots: [ { id: 1, date: new Date('December 19'), status: false }, { id: 2, date: new Date('December 17'), status: true }, ], }, computed: { recent() { return this.slots.sort((a, b) => { return b.date - a.date }) }, booked() { return this.slots.filter((slot) => { return slot.status }) }, }, }) Figure from the original question paper

Modern Application Development II · End Term · 11 Dec 2022 · September 2022 term · Set ETD1-2

MAD 2 End Term 11 Dec 2022 — Question 30

Question 30

+3 marksOne correct option

Consider the following application with markup “index.html” and javascript file “app.js”, and answer the given subquestions.

index.html:

html

1<body>
2    <div id="app">
3      <div id="sort">
4          <li v-for="slot in recent">{{slot.date.getDate()}}</li>
5      </div>
6      <div id="status">
7          <li v-for="slot in booked">{{slot.id}}</li>
8      </div>
9    </div>
10    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
11    <script src="app.js"></script>
12</body>

app.js :

javascript

1new Vue({
2  el: '#app',
3  data: {
4    slots: [
5      { id: 1, date: new Date('December 19'), status: false },
6      { id: 2, date: new Date('December 17'), status: true },
7    ],
8  },
9  computed: {
10    recent() {
11      return this.slots.sort((a, b) => {
12        return b.date - a.date
13      })
14    },
15    booked() {
16      return this.slots.filter((slot) => {
17        return slot.status
18      })
19    },
20  },
21})

A
1
2
B
1
C
2
D
None of these

Show answer

Correct answer

See the whole paper Take it as a mock test

Question 30 of 32 in the IIT Madras BS Modern Application Development II (MAD 2) End Term paper sat on 11 Dec 2022, in the September 2022 term (IIT M DIPLOMA AN1 EXAM ETD1 11 Dec 2022). It carries 3 marks.

MAD 2 End Term 11 Dec 2022 — Question 30

Question 30

More questions from this paper