Textboxのsliderで新規カードの作成

https://gyazo.com/0eb7862b44cca0154696109d9714844d

プラスボタンを付けて、クリックしたら、ナンバリングだけ付与された、新しいカードを表示するように。

code:script.js

document.getElementById("plus").addEventListener('click',function () {

const cardhead = document.getElementById('slidermainheader');

const cardbody = document.getElementById('slidermainbody');

console.log(cardlist.length)

cardhead.innerText = cardlist.length + ":";

cardbody.innerText = "";

});

新しいページの書き込みはcgiで行うが、現在表示されているページに関しては、最初に読み込んだ配列に追加することで対処している。（再度ファイルを読み込むと、ランダムな順番が変わってしまうため）

code:script.py

cardlist.splice(cardindex.index,0,temparr)

}else{

cardlist.splice(cardindex.index,1,temparr)

}

新規カードの作成の場合は、単に追加

既存カードの編集の場合は、そのindex箇所を上書き