So I added a button to a template.

<template id="pay_payment_footer_inherit" name="pay_payment_footer_inherit" inherit_id="website_sale.payment_footer">
    <xpath expr="//button[@name='o_payment_submit_button']" position="before">
        <button id="pay_direct_checkout"
                type="button"
                class="btn btn-primary"
                data-icon-class="fa-chevron-right">
             Pay Now<i class="fa fa-chevron-right"/>
        </button>
    </xpath>
</template>

Now how do I add an onclick event to this button? I'm using odoo 15

I tried

odoo.define('my_module.pay_payment_footer_inherit', function (require) {
    'use strict';
    var Widget = require('web.Widget');

    var Checkout = Widget.extend({
        events: {
            'click #pay_direct_checkout': '_onClick',
        },
        init: function (parent, value) {
            this._super(parent);
        },
        _onClick: function () {
            console.log('_onClick')
        },
    });
});

In file manifest.py

'assets': {
    'web.assets_frontend': [
        'my_module/static/js/test.js'
    ]
},

It did not work.