function editcharacter() {
    var x = 0;
    while (x < charactercross.length) {charactercross[x].style.display='inline-block';x++};
    document.getElementById("addcharacter").style.display='inline-block';
    document.getElementById("addcharacterv").style.display='inline-block';
    document.getElementById("charactereditpencil").setAttribute('onclick',`editcharacteroff()`)
}
// function used to show or hide the delete cross for character
function used to show or hide the delete cross for character
function used to show or hide the delete cross for character
function editcharacter() {
    var x = 0;
    while (x < charactercross.length) {charactercross[x].style.display='inline-block';x++};
    document.getElementById("addcharacter").style.display='inline-block';
    document.getElementById("addcharacterv").style.display='inline-block';
    document.getElementById("charactereditpencil").setAttribute('onclick',`editcharacteroff()`)
}
function editcharacter ( ) { var x = 0 ; while ( x < charactercross . length ) { charactercross [ x ] . style . display = 'inline-block' ; x ++ } ; document . getElementById ( "addcharacter" ) . style . display = 'inline-block' ; document . getElementById ( "addcharacterv" ) . style . display = 'inline-block' ; document . getElementById ( "charactereditpencil" ) . setAttribute ( 'onclick' , ` ` ) }
function used to show or hide the delete cross for character
function used to show or hide the delete cross for character