JSFiddle - React, Tailwind, and code Playground

HTML

<div >
            <input name="monBouton" id="monBouton" type="button" onclick="$();" value="Hello!" />
</div>
<div id="myNote"></div>

JavaScript

$("#monBouton").click(function () {	

lecture();
	//alert("Bonjour!")	
    });
    
window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;

window.IDBTransaction = window.IDBTransaction || window.webkitIDBTransaction || window.msIDBTransaction;

window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || window.msIDBKeyRange;

if (!window.indexedDB) {

$("#myNote").text('Votre navigateur n\'est pas compatible avec l\'API IndexedDB.');

}

else {

$("#myNote").text('Votre navigateur est compatible avec l\'API IndexedDB.');

}  

// Préparation des données à stocker dans la base de données

const inscrits = [

{id : "0", nameChapter : "Chapter 1 : hdfhdhfd", nameTitle : "Title 1", Chapter : "bcbcbbccb"},
{id : "1", nameChapter : "Chapter 1 : hdfhdhfd", nameTitle : "Title 2", Chapter : "dfdghdfhdfhb"},
{id : "2", nameChapter : "Chapter 1 : hdfhdhfd", nameTitle : "Title 3", Chapter : "jhdtjhdhd"},
{id : "3", nameChapter : "Chapter 1 : hdfhdhfd", nameTitle : "Title 4", Chapter : "kgfjrsf"},
{id : "4", nameChapter : "Chapter 1 : hdfhdhfd", nameTitle : "Title 5", Chapter : "qfgfghhjhd"},
{id : "5", nameChapter : "Chapter 1 : hdfhdhfd", nameTitle : "Title 6", Chapter : "ghjfdfdfh"},
{id : "6", nameChapter : "Chapter 1 : hdfhdhfd", nameTitle : "Title 7", Chapter : "dfghdfghdg"},
{id : "7", nameChapter : "Chapter 2 : kfjgaa", nameTitle : "Title 1", Chapter : "fgsgbsv"},
{id : "8", nameChapter : "Chapter 2 : oyhxguyrte", nameTitle : "Title 2", Chapter : "ghshgsghs"},
{id : "9", nameChapter : "Chapter 2 : oyhxguyrte", nameTitle : "Title 3", Chapter : "jgdhdhf"},
{id : "10", nameChapter : "Chapter 2 : oyhxguyrte", nameTitle : "Title 4", Chapter : "fgdhdghddfdf"},

];    

$("#myNote").text('Données préparées pour stockage dans la base de données.');
    
// Ouverture de la base de données

var db;

var request = window.indexedDB.open('test', 1);
    
request.onerror = function(evt) {
    
 ...