Counter

Note: This is a short warm-up question meant to help you familiarize yourself with the coding workspace. Actual UI coding interview questions will be more complicated.

Requirements

Make the text within the button display the number of times the button has been clicked.

Asked at these companies

Unlock company signalsPremium shows which companies ask this question so you can prioritize practice by target company.

Unlock

Counter (Official solution)

Yangshun TayEx-Meta Staff Engineer

Solution files

1<script setup>
2import { ref } from 'vue';
3
4const count = ref(0);
5</script>
6
7<template>
8  <button @click="count++">Clicks: {{ count }}</button>
9</template>

Solution

This is a short question that only requires one state variable: the number of times the button has been clicked (count).

Declare count as a variable and attach a @click handler to the <button> that increments the count when the event is triggered.

Test cases

Click the counter to increment the count value by one.
Click multiple times and check that the count value increases on each click.

You must be signed in to view your saved versions

Sign in

Create an account