JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Bubble Creator</h2>
Use it with SqliteBrowser<br/><br/>
    <label>Basegame Disc ID:</label><input id="discid"/><br/>
    <label>Bubble name:</label><input id="bubblename"/><br/>
    <label>Fake TitleId:</label><input id="titleid" maxlength="9"/><br/>
    <label>EBOOT.PBP path:</label><input id="path" /><br/>
    <label>Position at last screen:</label><input id="pos" type="number" max="9"/>
<br/>
<a href="#" id="doit">do it!</a>
<br/>
SQL:
<textarea id="result"></textarea>
<div style="text-align: right"><small>by @cm_pony</small></div>

CSS

body{
    
    font-family: sans-serif
}
textarea{
    width: 100%;
    min-height: 480px;
}
label{
    width: 200px;
    display: inline-block
}
input{
    width: 600px;
}
input[type="number"]{
    width: 30px
    
}
a{
    font-size:20px;
    font-weight: bold;
    margin:20px 0px;
    display: inline-block;
}

JavaScript

function defaultvalues(){
    $("#discid").val("NPEG00011");
	$("#bubblename").val("Bubble Placeholder");
    $("#titleid").val("BUBBLPLCH");
    $("#path").val("ux0:pspemu/psp/savedata/VHBL01234/vhbl");
    $("#pos").val("9");
}

defaultvalues();
var sql_ph='\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "414472871", CURRENT_TIMESTAMP);\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "566916785", "mba");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "572932585", "%BUBBLENAME%");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "714773139", "0");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "1203824812", "6.00");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "1247674377", "1");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "1615533524", "1");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "2026852709", "1");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "2275227917", "2");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "2593862978", "originalpath=%PATH%&selfpath=%PATH%/EBOOT.PBP&discid=%DISCID%&parentallevel=3&gamedataid=&appver=00.00&bootable=1&category=EG");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "2630610402", NULL);\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "2722548093", CURRENT_TIMESTAMP);\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "2840145610", "1");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "2853576962", "0");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "3022202214", "vs0:app/NPXS10028/eboot.bin");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "3168212510", "00.00");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "3480795629", "1");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "3705752058", "0");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "3794959877", "500");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%", "3931254609", "0");\r\n\
insert into `tbl_appinfo` values ("%BUBBLPLCH%",...