Chatbot simulator

Hi!

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].

http://keepsch.webflow.io

preview link: https://preview.webflow.com/preview/keepsch?preview=af4e022530f78abed4ca2c1877021df8

Can you help me guys? Kind regards.