How would I write the HTML for this JS stack code to show an input box on a webpage that you can enter numbers or operands into and that has a button next to it thats says push to stack. Also the html should display the computers output on the webpage not console. You can augment the JS code as need be$.$ I will thumbs up if it works! class Node $\{$

constructor$($data$)\{$

this.data $=$ data;

this.next $=$ null;

$\}$

$\}$

class Stack $\{$

constructor$()\{$

this.top $=$ null;

$\}$

push$($data$)\{$

const newNode $=$ new Node$($data$)$;

newNode.next $=$ this.top;

this.top $=$ newNode;

this.display$()$;

$\}$

pop$()\{$

if $(!$this.top$)\{$

console.log$("$Stack is empty"$)$;

return;

$\}$

const poppedData $=$ this.top.data;

this.top $=$ this.top.next;

this.display$()$;

return poppedData;

$\}$

display$()\{$

let current $=$ this.top;

const stackContents $=[]$;

while $($current$)\{$

stackContents.push$($current$.$data$)$;

current $=$ current.next;

$\}$

console.log$("$Contents of Stack:", stackContents.join$(\text{'}\text{'}))$;

$\}$

$\}$

function rpnCalculator$()\{$

const stack $=$ new Stack$()$;

while $($true$)\{$

const entry $=$ prompt$("$Enter a number or operator $($q to quit$)$:$")$;

if $($entry $===\text{'}$q$\text{'})\{$

break;

$\}$ else if $(!$isNaN$($entry$))\{$

stack.push$($parseFloat$($entry$))$;

$\}$ else if $($entry $===\text{'}+\text{'}||$ entry $===\text{'}-\text{'}||$ entry $===\text{'}*\text{'}||$ entry $===\text{'}/\text{'})\{$

const operand$2=$ stack.pop$()$;

const operand$1=$ stack.pop$()$;

switch $($entry$)\{$

case $\text{'}+\text{'}$:

stack.push$($operand$1+$ operand$2)$;

break;

case $\text{'}-\text{'}$:

stack.push$($operand$1-$ operand$2)$;

break;

case $\text{'}*\text{'}$:

stack.push$($operand$1*$ operand$2)$;

break;

case $\text{'}/\text{'}$:

stack.push$($operand$1/$ operand$2)$;

break;

default:

console.log$("$Invalid operator"$)$;

$\}$

$\}$ else $\{$

console.log$("$Invalid input"$)$;

$\}$

$\}$

$\}$

rpnCalculator$()$;