hyperscript equvelant of jquery .on("click"

Question

$( document ).ready(function() {
    console.log( "ready!" );
    var counter = 0;

    $("button").click(function() {
        e="<p class='test' _=\"on click append 'click me' to value of the #search\">click me</p>"
        $("h2").append(e)
    });

    // With on():

    $("h2").on("click", "p.test", function(){
        alert($(this).text());
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/hyperscript.org@0.8.1"></script>

<input id="search" />
<button>generate new element</button>
<h2></h2>

The jquery works, but the hyperscript doesn't append text to the input box.

What code have you written? You haven’t written any _hyperscript — JoJo Yawson, Apr 18 '22 at 20:24
`on click append 'click me' to value of the #search` @JoJoYawson — Mzq, Apr 20 '22 at 08:10
Do you want to append text _next_ to the input box, or _inside_ of the input box? — JoJo Yawson, Apr 20 '22 at 11:24
Just call `_hyperscript.browserInit()` after append `$("h2").append(e)` — FDisk, Aug 24 '23 at 12:31

score -1 · Answer 1 · answered Apr 22 '22 at 13:05

-1

Well, your hyperscript code appears to work like you intended. The jQuery seems to be the broken one. If you mean to append to the value that the user is typing. Ditch the jQuery appending and just use _hyperscript.

<script src="https://unpkg.com/hyperscript.org@0.8.1"></script>
<input id="search" />
<button _="on click append 'click me' to value of the #search">generate new element</button>
<h2></h2>

answered Apr 22 '22 at 13:05

JoJo Yawson

169
1
8

but my HTML is generated by the backend, this is why I wrote a jquery script to simulate the situation. I have already given up on hyperscript, as it is not as convenient as jquery for me. – Mzq Apr 28 '22 at 18:48

hyperscript equvelant of jquery .on("click"

1 Answers1