In the past week, ive struggled to get past the checkout section of filling a form.Everytime I get the ids and whatnot it never works. I don't want to give up because web automation is something that I really am invested in and helps a lot because I can use this in the real world. Here is my code and the HTML. Be at honest, brutal, and skeptical as you can,i tend to enjoy constructive criticism. Thank you

HTML info

<input required="" autocomplete="cc-number" id="number" name="number" type="text" inputmode="numeric" pattern="[0-9]*" aria-describedby="error-for-number tooltip-for-number" data-current-field="number" placeholder="Card number" style="font-family: Roboto, sans-serif; padding: 0.94em 0.8em; transition: padding 0.2s ease-out 0s;">

Url to what I am taking about:https://kith.com/942252/checkouts/20fa33351d0f7d0592a371fbdd4e6c91?previous_step=shipping_method&step=payment_method

part of code I am am talking about :

await page.click('#checkout_payment_gateway_128707719');  
await page.setDefaultNavigationTimeout();
await page.waitForSelector("input[id='number']");
await page.click("input[id='number']");
await page.type("input[id='number']",'8273950495869386');
await page.setDefaultNavigationTimeout(``);
await page.waitForSelector('#name');
await page.click('#name');
await page.type('#name','john doe');
await page.setDefaultNavigationTimeout(0);
await page.waitForSelector('#expiry');
await page.click('#expiry');
await page.type('#expiry', '07/29');
await page.setDefaultNavigationTimeout();
await page.waitForSelector('#verification_value');
await page.click('#verification_value');
await page.type('#verification_value', '123');