JSFiddle - React, Tailwind, and code Playground

by Serhii Matrunchyk

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.min.js"></script>
<!-- Trigger -->
<button class="btn" data-clipboard-text='{"testType":"Expanded Carrier Screening","state":"COUPLE_AT_RISK","female":{"maxStateType":"COMPOUND_HETEROZYGOTE_AFFECTED","carrierMutation":[{"disease":"","gene":"HBA1/HBA2","mutation":"g.172923-177649 LOSS","type":"CARRIER","specialFindings":[],"xlinked":false},{"disease":"","gene":"USH2A","mutation":"g.215670804-215675769 LOSS","type":"CARRIER","specialFindings":[],"xlinked":false}],"affectedMutation":[{"disease":"","gene":"CYP21A2","mutation":"c.1360C>T","type":"COMPOUND_HETEROZYGOTE_AFFECTED","specialFindings":[],"xlinked":false},{"disease":"","gene":"CYP21A2","mutation":"c.955C>T","type":"COMPOUND_HETEROZYGOTE_AFFECTED","specialFindings":[],"xlinked":false},{"disease":"","gene":"G6PD","mutation":"c.466A>G","type":"COMPOUND_HETEROZYGOTE_AFFECTED","specialFindings":[],"xlinked":true},{"disease":"","gene":"G6PD","mutation":"c.576-60C>G","type":"COMPOUND_HETEROZYGOTE_AFFECTED","specialFindings":[],"xlinked":true},{"disease":"","gene":"GBA","mutation":"c.1448T>C","type":"COMPOUND_HETEROZYGOTE_AFFECTED","specialFindings":[],"xlinked":false},{"disease":"","gene":"GBA","mutation":"c.115+1G>A","type":"COMPOUND_HETEROZYGOTE_AFFECTED","specialFindings":[],"xlinked":false}],"specialStateMutation":[{"disease":"","gene":"GRHPR","mutation":"c.494-68A>G","type":"UNKNOWN","specialFindings":[],"xlinked":false},{"disease":"","gene":"GH1","mutation":"Exon4-5","type":"UNKNOWN","specialFindings":[],"xlinked":false},{"disease":"","gene":"GAA","mutation":"g.80104348-80119652...

JavaScript

const btn = document.querySelector('.btn');
new ClipboardJS(btn);