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.
Make the text within the button display the number of times the button has been clicked.
This is a short question that only requires one state variable: the number of times the button has been clicked (count). Attach a 'click' event listener to the <button>, and each time it is clicked, increment the count value and update the text with that value.
Since only the count needs to change, we can use a <span> to target the count text and update its textContent whenever a click event is fired.
<!doctype html><html><head><meta charset="UTF-8" /><metaname="viewport"content="width=device-width, initial-scale=1.0" /></head><body><button>Clicks: <span id="count">0</span></button><script src="src/index.js"></script></body></html>
console.log() statements will appear here.