Chatbot simulator


I need to do a chatbot simulator on a website. It seems easy but I am not an expert on code js.

I put a typing js effect simulating a chatbot. But I have 2 Steps:

FIRST: Hello. Whats your name?
[field: name] [button: ok]

SECOND: Nice! What kind of content do you like?
[button] [button]

The problem is: The typing effect starts when the page loads. So the both chatbot text starts in the same time, and I need the Second chatbot text starting when user clicks on [button: ok].

preview link:

Can you help me guys? Kind regards.