❄️Devto新年快乐！我的结果️

<code><div class="tablecomponent">
    <h1>data table:</h1>
    <table class="table table-hover table-striped test-data"><thead><tr><th>id</th>
                <th>name</th>
                <th>material</th>
                <th>quantity in stock</th>
                <th>number of sales</th>
                <th>price</th>
            </tr></thead><tbody id="tbody"><template data-cample="data-table" data-cample-import="{{{tabledata}}}"></template></tbody></table><div class="navigation">


        <div class="pagination">


                    {{data.currentpage}}
                    >
        </div>
    </div>
</div></code>

<code>const templatefn = camplehtml.createtemplate(
  `<template data-cample="" data-method="get" data-src="/api/test"></template>`
);

// (服务器响应后) { element = template (htmltemplateelement type), status = 200 }
const elementobj = templatefn({
  credentials: "same-origin",
  get: (prop, value) => {
    if (prop === "element") {
      console.log(value);
    }
  },
});</code>

<code>import { compile } from "hmpl-js";

const templateFn = compile(
  `<div>

    <div class="form-example">
      <label for="login">Login: </label>
      </div>
    <div class="form-example">
      </div>

  <p>
    {
      {
        src: "/api/register",
        after: "submit:#form",
        repeat: false,
        indicators: [
          {
            trigger: "pending",
            content: "</p><p>Loading...</p>"
          }
        ]
      }
    }

</div>`
);
const initFn = (ctx) => {
  const event = ctx.request.event;

  return {
    body: new FormData(event.target, event.submitter),
    credentials: "same-origin"
  };
};
const obj = templateFn(initFn);
const wrapper = document.getElementById("wrapper");
wrapper.appendChild(obj.response);</code>