23 lines
708 B
JavaScript
23 lines
708 B
JavaScript
import React, { useCallback } from "https://cdn.skypack.dev/react";
|
|
import { render } from "https://cdn.skypack.dev/react-dom";
|
|
import confetti from "https://cdn.skypack.dev/canvas-confetti";
|
|
|
|
function App() {
|
|
const onClick = useCallback(() => {
|
|
confetti({
|
|
particleCount: 150,
|
|
spread: 60 });
|
|
|
|
}, []);
|
|
|
|
return /*#__PURE__*/(
|
|
React.createElement(React.Fragment, null, /*#__PURE__*/
|
|
React.createElement("button", { className: "button", onClick: onClick }, /*#__PURE__*/
|
|
React.createElement("span", null, "\uD83C\uDF89"), /*#__PURE__*/
|
|
React.createElement("span", null, "Like"))));
|
|
|
|
|
|
|
|
}
|
|
|
|
render( /*#__PURE__*/React.createElement(App, null), document.getElementById("root")); |