如何通过JavaScript向WordPress插件添加阶乘计算？

<?php
/*
Plugin Name: My Factorial Plugin
Plugin URI: https://example.com/my-factorial-plugin
Description: A WordPress plugin for factorial calculation.
Version: 1.0
Author: Your Name
Author URI: https://example.com
License: GPL2
*/

// Plugin code goes here

?>

<?php
// Plugin code goes here

function factorial_script() {
    wp_enqueue_script( 'factorial-script', plugin_dir_url( __FILE__ ) . 'js/factorial-script.js', array( 'jquery' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'factorial_script' );

?>

jQuery(document).ready(function($) {
    // 获取阶乘计算结果的函数
    function factorial(n) {
        if (n === 0 || n === 1) {
            return 1;
        }
        return n * factorial(n - 1);
    }

    // 监听按钮点击事件
    $('#calculate-factorial').click(function() {
        var input = parseInt($('#factorial-input').val());
        var result = factorial(input);
        $('#factorial-result').text(result);
    });
});

<?php
/*
Template Name: Factorial Template
*/

get_header();

?>

<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">

        <h1>Factorial Calculation</h1>

        <input type="number" id="factorial-input" placeholder="Enter a number">
        <button id="calculate-factorial">Calculate Factorial</button>
        <p id="factorial-result"></p>

    </main><!-- #main -->
</div><!-- #primary -->

<?php

get_footer();

?>