Créer une extension WordPress

<?php
/**
 * Plugin Name: Calculateur de longueur d'onde
 * Description: Ajoute le shortcode [longueur_onde] qui calcule la longueur d'onde a partir d'une frequence.
 * Version:     1.0.0
 * Author:      F4HXN
 * License:     GPL-2.0-or-later
 * Text Domain: calculateur-longueur-onde
 */

// On empeche l'acces direct au fichier.
if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

// On enregistre le style et le script du plugin.
function f4hxn_lo_register_assets() {
    wp_register_style(
        'f4hxn-lo',
        plugins_url( 'assets/calculateur.css', __FILE__ ),
        array(),
        '1.0.0'
    );

    wp_register_script(
        'f4hxn-lo',
        plugins_url( 'assets/calculateur.js', __FILE__ ),
        array(),
        '1.0.0',
        true // charge dans le pied de page
    );
}
add_action( 'wp_enqueue_scripts', 'f4hxn_lo_register_assets' );

// Le shortcode [longueur_onde] : il affiche le formulaire.
function f4hxn_lo_shortcode() {
    // On ne charge les fichiers que sur les pages qui utilisent le shortcode.
    wp_enqueue_style( 'f4hxn-lo' );
    wp_enqueue_script( 'f4hxn-lo' );

    ob_start();
    ?>
    <div class="f4hxn-lo" data-lo>
        <label class="f4hxn-lo-label">Frequence
            <span class="f4hxn-lo-row">
                <input type="number" class="f4hxn-lo-freq" step="any" min="0"
                       inputmode="decimal" placeholder="145.500">
                <select class="f4hxn-lo-unit">
                    <option value="1">Hz</option>
                    <option value="1000">kHz</option>
                    <option value="1000000" selected>MHz</option>
                    <option value="1000000000">GHz</option>
                </select>
            </span>
        </label>
        <button type="button" class="f4hxn-lo-btn">Calculer</button>
        <p class="f4hxn-lo-result" role="status" aria-live="polite"></p>
    </div>
    <?php
    return ob_get_clean();
}
add_shortcode( 'longueur_onde', 'f4hxn_lo_shortcode' );

(function () {
    'use strict';

    // Vitesse de la lumiere dans le vide, en metres par seconde.
    var C = 299792458;

    function formater(m) {
        if (m >= 1000) { return (m / 1000).toFixed(3) + ' km'; }
        if (m >= 1)    { return m.toFixed(3) + ' m'; }
        if (m >= 0.01)  { return (m * 100).toFixed(2) + ' cm'; }
        return (m * 1000).toFixed(2) + ' mm';
    }

    document.querySelectorAll('[data-lo]').forEach(function (widget) {
        var freq   = widget.querySelector('.f4hxn-lo-freq');
        var unit   = widget.querySelector('.f4hxn-lo-unit');
        var btn    = widget.querySelector('.f4hxn-lo-btn');
        var result = widget.querySelector('.f4hxn-lo-result');

        function calculer() {
            var valeur = parseFloat(freq.value);

            if (isNaN(valeur) || valeur <= 0) {
                result.textContent = 'Veuillez saisir une frequence superieure a zero.';
                return;
            }

            var hertz  = valeur * parseFloat(unit.value);
            var lambda = C / hertz;

            result.textContent = 'Longueur d\'onde : ' + formater(lambda);
        }

        btn.addEventListener('click', calculer);
        freq.addEventListener('keydown', function (e) {
            if (e.key === 'Enter') { calculer(); }
        });
    });
})();

.f4hxn-lo{max-width:440px;font-family:"DM Sans",system-ui,sans-serif}
.f4hxn-lo-label{display:block;font-weight:600;color:#1a2732;margin-bottom:.4em}
.f4hxn-lo-row{display:flex;gap:.5em;margin-top:.45em}
.f4hxn-lo-freq{flex:1;padding:.6em .75em;border:1px solid #cdd6df;border-radius:8px;font-size:1rem}
.f4hxn-lo-unit{padding:.6em .75em;border:1px solid #cdd6df;border-radius:8px;background:#fff}
.f4hxn-lo-btn{margin-top:.9em;padding:.6em 1.4em;border:0;border-radius:8px;
    background:#0076a5;color:#fff;font-weight:600;cursor:pointer;transition:background .15s ease}
.f4hxn-lo-btn:hover{background:#298ad4}
.f4hxn-lo-result{margin:1em 0 0;font-weight:600;color:#0076a5;min-height:1.4em}

[longueur_onde]