Haciendo un juego de preguntas y respuesta en JavaScript inspirado en el Juego "Ahora caigo" he intentado generar de forma aletoria asteriscos dentro de una respuesta que se encuentra asociada a una pregunta, para así darle mayor aleatoriedad al juego. Para ello he guardado las respuestas y preguntas en un array de clave valor, posteriormente después de seleccionar la pregunta de forma aleatoria convierto la repuesta en un array para poder sustuir carácteres por *. El problema es que a la hora de mostrar el array en un archivo html o por consola a este se le suman una coma después de cada carácter. He intentado convertirlo a String pero aún así el problema persiste.
const difficulty = 0.5;
const QUESTIONS = [
{
question: '¿Cúal es la biblia de los programadores?',
answer: 'Clean Code'
},
{
question: 'Archipiélago conocido como las afortunadas',
answer: 'Islas Canarias'
},
{
question: '¿Cúal es la capital de España?',
answer: 'Madrid'
}, {
question: 'Mejor lenguaje de programación',
answer: 'Vanilla JavaScript'
},
{
question: 'Periférico que en inglés recibe el nombre de "mouse"',
answer: 'Ratón'
}
]
function generateRandomNumber(minValue, maxValue) {
let randomValue = Math.floor(Math.random() * (maxValue - minValue) + minValue)
return (randomValue);
}
let randomQuestion = generateRandomNumber(0, QUESTIONS.length)
function game(){
let asociatedAnswer = QUESTIONS[randomQuestion].answer;
asociatedAnswer = Array.from(asociatedAnswer);
let characToReplace = Math.round(asociatedAnswer.length * difficulty);
for(let index = 0; index < characToReplace; index++){
let randomIndex = generateRandomNumber(0, asociatedAnswer.length)
asociatedAnswer[randomIndex] = "*";
String(asociatedAnswer);
}
document.getElementById('question').innerHTML = ( "Pregunta: " + QUESTIONS[randomQuestion].question + " - Respuesta asociada: " + asociatedAnswer);
}
Agradezo cualquier aportación, muchas gracias.