El problema solo está ahí cuando trato de revertir la entrada del usuario, reverse() está devolviendo la cadena tal como está y también lo hace unshift() .
lo que estoy buscando es si el usuario ingresa input - 1234 la output should be 4,3,2,1 , pero estoy obteniendo output - 1,2,3,4 .
const pahere = []; const revephare = []; let donereve = []; let dff = document.getElementById("Udt1"); function tex(){ if(dff. value == "") { console.log("enter text") } else { pahere.push(dff.value); console.log(dff.value); console.log(pahere); console.log(pahere.length); for(let i = 0; i < pahere.length; i++){ revephare.push(pahere[i].split("")); pahere.pop(); } } console.log("I should be splited",revephare); donereve = revephare.reverse(); console.log("I should be reversed",donereve); } * { box-sizing: border-box; } body{ background: #333; margin: 0; } h1{ margin: 15px; color: white; } .holder{ margin-left: 12px; width: 34em; height: 37em; border: 2px solid rgba(255, 51, 153,1); display: flex; } #Udt1 { width: 56%; height: 2em!important; text-align: center; } span { color: white; margin-top: 5px; } .anshold { width: 154px; height: 34px; margin-left: 43em; position: relative; top: -592px !important; border: 2px solid rgba(255, 51, 153,1); text-align: center; } #udans{ color: white; text-align: center; margin: 0; padding: 4px; } .btn { width: 16%; height: 2em!important; text-align: center; margin-left: 14px; } <body> <h1>Palidrom Checker</h1> <div class="holder"> <span>Word goes here-</span> <input type="text" name="textin" label ="textin" id="Udt1" placeholder="Eg-Racecar"> <button class="btn" onclick="tex()"> Check</button> </div> <div class="anshold"><p id="udans"> </p> </div> </body>Hola, sé que solucionaste el problema, puedes lograr tu salida con este código de una sola línea, solo inténtalo si puedes
let reversed=(pahere.toString()).split("").map(Number).reverse();Estás tratando de dividir Array pahere[i].split("")
const pahere = []; const revephare = []; let donereve = []; let dff = document.getElementById("Udt1"); function tex(){ if(dff. value == "") { console.log("enter text") } else { pahere.push(dff.value); console.log(dff.value); console.log(pahere); console.log(pahere.length); for(let i = 0; i <dff.value.length; i++){ revephare.push(dff.value[i]); pahere.pop(); } } console.log("I should be splited",revephare); donereve = revephare.reverse(); console.log("I should be reversed",donereve); } * { box-sizing: border-box; } body{ background: #333; margin: 0; } h1{ margin: 15px; color: white; } .holder{ margin-left: 12px; width: 34em; height: 37em; border: 2px solid rgba(255, 51, 153,1); display: flex; } #Udt1 { width: 56%; height: 2em!important; text-align: center; } span { color: white; margin-top: 5px; } .anshold { width: 154px; height: 34px; margin-left: 43em; position: relative; top: -592px !important; border: 2px solid rgba(255, 51, 153,1); text-align: center; } #udans{ color: white; text-align: center; margin: 0; padding: 4px; } .btn { width: 16%; height: 2em!important; text-align: center; margin-left: 14px; } <body> <h1>Palidrom Checker</h1> <div class="holder"> <span>Word goes here-</span> <input type="text" name="textin" label ="textin" id="Udt1" placeholder="Eg-Racecar"> <button class="btn" onclick="tex()"> Check</button> </div> <div class="anshold"><p id="udans"> </p> </div> </body>Esto se debe a que está utilizando Array.prototype.push incorrectamente, lo que le da como resultado una matriz de matrices.
revephare.push(pahere[i].split("")); // this line is incorrectReemplázalo por lo siguiente para que funcione
// use spread operator to pass each element as a separate argument revephare.push(...pahere[i].split(""));