How can I add that would click to change the text?

Question

How can I add that would click to change the text?

good day , how to do that would click-through to Read more.. text is changed to Hide?
<p class="hide_sub">Read more..</p>

const readMore = document.getElementsByClassName('hide_sub')[0];

let click = 0;
readMore.addEventListener('click', () => {

click++;
 if (click == 1) {
 document.getElementsByClassName('hide')[0].style.display = 'block';

 } else if (click == 2) {
 document.getElementsByClassName('hide')[0].style.display = 'none';


 click = 0;
}
});<code lang="html">

</code>

JavaScript

rachelle asked April 19th 20 at 12:06

Related questions

More answers about "How can I add that would click to change the text?"

2 answers

Madyson38 answered on · Accepted Answer · 2020-04-19T10:08:54.289Z

const readMore = document.getElementsByClassName("hide_sub")[0];

readMore.addEventListener("click", () => {
 if (readMore.textContent === "Read more..") {
 readMore.textContent = "Hide";
 } else {
 readMore.textContent = "Read more..";
}
});

audreanne.Kli answered on · Accepted Answer · 2020-04-19T10:10:54.289Z

const readMore = document.querySelector(".article__hide-sub");
readMore const__content = document.querySelector(".article__hide");
const activeClass = "active";

readMore.addEventListener("click", function (event) {
readMore__content.classList.toggle(activeClass);
readMore__content.style.setProperty(
"--height",
`${readMore__content.scrollHeight}px`
);

 event.target.textContent =
 event.target.textContent === "Read more..."
 ? (event.target.textContent = "Hide text")
 : (event.target.textContent = "Read more...");
});