Question 1

1const a = new Vue({
2    el : '#app',
3    data : {
4        data : "",
5        refreshes : 0,
6    },
7    methods: {
8
9        do_something() {
10            if (isNaN(this.refreshes)) this.refreshes = 0;
11            if (this.data.length % 2) {
12                sessionStorage.data = "prefix" + this.data;
13                sessionStorage.refreshes = this.refreshes * 2 + 1;
14            }
15            else {

1                sessionStorage.data = this.data + "suffix";
2                sessionStorage.refreshes = this.refreshes * 2 - 1;
3            }
4        }
5    },
6    mounted : function () {
7        if (sessionStorage.data) {
8            this.data = "suffix" + sessionStorage.data;
9            this.refreshes = Number(sessionStorage.refreshes) % 3 - 1;
10        }
11
12        else {
13            this.data = sessionStorage.data + "prefix";
14            this.refreshes = Number(sessionStorage.refreshes) % 3 + 1;
15        }
16
17        sessionStorage.data = this.data;
18        sessionStorage.refreshes = this.refreshes;
19    }
20})

Consider the following Vue application with markup “index.html” and javascript file “app.js”. index.html: Figure from the original question paper app.js: const a = new Vue({ el : '#app', data : { data : "", refreshes : 0, }, methods: { do_something() { if (isNaN(this.refreshes)) this.refreshes = 0; if (this.data.length % 2) { sessionStorage.data = "prefix" + this.data; sessionStorage.refreshes = this.refreshes * 2 + 1; } else { sessionStorage.data = this.data + "suffix"; sessionStorage.refreshes = this.refreshes * 2 - 1; } } }, mounted : function () { if (sessionStorage.data) { this.data = "suffix" + sessionStorage.data; this.refreshes = Number(sessionStorage.refreshes) % 3 - 1; } else { this.data = sessionStorage.data + "prefix"; this.refreshes = Number(sessionStorage.refreshes) % 3 + 1; } sessionStorage.data = this.data; sessionStorage.refreshes = this.refreshes; } }) Say you open the file “index.html” in the browser, and enter the text “iitm” in the text box shown (after removing the existing text from the input box), and click on the button with the text “Click Me”. After that, you refresh the page twice. What will be the text shown in the text input box, and the value of the “refreshes” placeholder, respectively? Suppose you are organizing a ceremony to award the startup companies who have progressed considerably well in the past few years. You have received a lot of registrations. The committee has decided to shortlist the companies based on the following 2 criteria:\ 1\. The company must have a website\ 2\. The company must have a capital of more than 40000\ Fill in the **code1** \& **code2**, which can be used in Vuex Store to update the “awardees” state variable with the objects of those companies who satisfy the above-mentioned criteria. const store = new Vuex.Store({ state : { companies : [ { name : 'sample1', website : 'sample1.com', capital : 50000 }, { name : 'sample2', website : null, capital : 75000 }, { name : 'sample3', website : 'sample3.com', capital : 42000 }, { name : 'sample4', website : 'sample4.com', capital : 38000 }, ], awardees : [] }, mutations : { update_final(state, minimum) { for (company of state.companies) code2 } }, actions : { send_task : function (context) { code1 } } }) Consider the following JavaScript program running in a browser environment. async function FetchFunct(ApiUrl) { const response = await fetch(ApiUrl).catch(() => { throw new Error('Network Error') }) if (response) { if (response.ok) { const data = await response.json().catch(() => { throw new Error('Unexpected Error') }) if (data) { return data } } else { throw new Error(response.statusText) } } } Const url = ‘dummyUrl’ FetchFunct(url) .then((data) => { console.log(data) }) .catch((err) => { console.log(err.message) }) Consider the ‘dummyUrl’ returns the HTML as payload. What will be logged on to the console?