hi, totally blind. using a screen reader jaws for windows 2025. using windows 11 pro 2025, using google chrome. now doing step 25, and trying to build a string in the app. i have reset the lesson, have done a hard refresh, have researhced on google. but is it my code or is the fcc strict testing for things. and not passing, so tried a few times and rewritten the function a few times. cannot see, so not sure if theres hidden characters or hidden trailling spaces. so can any one help? and dont moan that my code is different, cannot see the code for the example project. so can any one help me out. and telling me what thing i am doing wrong? trying, and learning and doing this sort of stuff for the first time. and have listened to the lectures, read the transcripts, typed up the sample code. so can some one help me out? frustrated.
marvin.
ps: pasting my javascript code below, the errors and the link to the step.
java script:
const taskForm = document.getElementById(“task-form”);
const confirmCloseDialog = document.getElementById(“confirm-close-dialog”);
const openTaskFormBtn = document.getElementById(“open-task-form-btn”);
const closeTaskFormBtn = document.getElementById(“close-task-form-btn”);
const addOrUpdateTaskBtn = document.getElementById(“add-or-update-task-btn”);
const cancelBtn = document.getElementById(“cancel-btn”);
const discardBtn = document.getElementById(“discard-btn”);
const tasksContainer = document.getElementById(“tasks-container”);
const titleInput = document.getElementById(“title-input”);
const dateInput = document.getElementById(“date-input”);
const descriptionInput = document.getElementById(“description-input”);
const taskData = [ ];
let currentTask = {};
openTaskFormBtn.addEventListener(“click”, () =>
taskForm.classList.toggle(“hidden”)
);
closeTaskFormBtn.addEventListener(“click”, () => {
confirmCloseDialog.showModal();
});
cancelBtn.addEventListener(“click”, () => confirmCloseDialog.close());
discardBtn.addEventListener(“click”, () => {
confirmCloseDialog.close();
taskForm.classList.toggle(“hidden”);
});
taskForm.addEventListener(“submit”, (e) => {
e.preventDefault();
const dataArrIndex = taskData.findIndex((item) => item.id === currentTask.id);
const taskObj = {
id: \`${titleInput.value.toLowerCase().split(" ").join("-")}-${Date.now()}\`,
title: titleInput.value,
date: dateInput.value,
description: descriptionInput.value,
};
if (dataArrIndex === -1) {
taskData.unshift(taskObj);
}
taskData.forEach(({id, title, date, description}) => {
tasksContainer.innerHTML += \`
<div class="task" id="${id}">
</div>
\`
}
);
function renderTasks() {
tasksContainer.innerHTML = “”;
taskData.forEach(({ id, title, date, description }) => {
const taskDiv = document.createElement("div");
taskDiv.classList.add("task");
taskDiv.id = \`${id}\`;
Step 25: Create <p> with <strong> inside
const titleP = document.createElement("p");
titleP.innerHTML = \`<strong>Title:</strong> ${title}\`; // template string
taskDiv.appendChild(titleP);
}
});
errors:
You should interpolate ${title} as the text of your p element.
- You should interpolate ${title} as the text of your p element.
- You should create a strong element after the opening tag of your p element.
- Your strong element should have the text Title:.
// tests completed
link:
