function myFunction(btnId, dotsId, moreId) {
var dots = document.getElementById(dotsId);
var moreText = document.getElementById(moreId);
var btnText = document.getElementById(btnId);
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "See more";
moreText.style.display = "none";
}
else {
dots.style.display = "none";
btnText.innerHTML = "Read less";
moreText.style.display = "inline";
}
}
<button id="myBtn" onclick="myFunction('myBtn', 'dots', 'more')">See more</button>
<button id="myBtn1" onclick="myFunction('myBtn1', 'dots1', 'more1')">See more</button>
<button id="myBtn2" onclick="myFunction('myBtn2', 'dots2', 'more2')">See more</button>
<button id="myBtn3" onclick="myFunction('myBtn3', 'dots3', 'more3')">See more</button>
pano po ito po kasi code koAng problema sa code mo ay may parehong variable names na ginagamit mo sa loob ng iyong function. Ito ay nagdudulot ng pagkakalito sa iyong code kaya hindi ito gumagana nang tama. Maari mong subukan itong baguhin at alisin ang parehong variable names upang maiwasan ang kalituhan.
Maaari rin na magdagdag ka ng parameters sa iyong function at gamitin ito para tukuyin kung aling button ang pinindot ng user. Halimbawa:
JavaScript:function myFunction(btnId, dotsId, moreId) { var dots = document.getElementById(dotsId); var moreText = document.getElementById(moreId); var btnText = document.getElementById(btnId); if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = "See more"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = "Read less"; moreText.style.display = "inline"; } }
Sa ganitong paraan, maari mong tukuyin kung aling button ang pinindot ng user sa pamamagitan ng pagpasa ng kanilang IDs bilang parameters sa function. Halimbawa:
HTML:<button id="myBtn" onclick="myFunction('myBtn', 'dots', 'more')">See more</button> <button id="myBtn1" onclick="myFunction('myBtn1', 'dots1', 'more1')">See more</button> <button id="myBtn2" onclick="myFunction('myBtn2', 'dots2', 'more2')">See more</button> <button id="myBtn3" onclick="myFunction('myBtn3', 'dots3', 'more3')">See more</button>
Ito ay magbibigay ng kahulugan sa bawat button at maiiwasan ang pagkakalito sa mga variables.
Para solusyunan ang iyong problema, maaaring subukan mo itong code:pano po ito po kasi code ko
una kong See More
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis soluta numquam inventore quisquam consectetur delectus<span id="dots">...<button onclick="myFunction()" id="myBtn">See more</button></span><span id="more"> amet minima explicabo doloribus veniam possimus qui, reprehenderit aliquid ad mollitia doloremque, iusto magnam voluptatum!<button onclick="myFunction()" id="myBtn1"></button></span></p>
pangalawa See More
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis soluta numquam inventore quisquam consectetur delectus<span id="dots1">...<button onclick="myFunction()" id="myBtn2">See more</button></span><span id="more1"> amet minima explicabo doloribus veniam possimus qui, reprehenderit aliquid ad mollitia doloremque, iusto magnam voluptatum!<button onclick="myFunction()" id="myBtn3"></button></span></p>
</div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis soluta numquam inventore quisquam consectetur delectus<span id="dots">...<button onclick="myFunction('btn1', 'dots', 'more')" id="btn1">See more</button></span><span id="more" style="display:none"> amet minima explicabo doloribus veniam possimus qui, reprehenderit aliquid ad mollitia doloremque, iusto magnam voluptatum!<button onclick="myFunction('btn1', 'dots', 'more')" id="btn2">Read less</button></span></p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis soluta numquam inventore quisquam consectetur delectus<span id="dots1">...<button onclick="myFunction('btn3', 'dots1', 'more1')" id="btn3">See more</button></span><span id="more1" style="display:none"> amet minima explicabo doloribus veniam possimus qui, reprehenderit aliquid ad mollitia doloremque, iusto magnam voluptatum!<button onclick="myFunction('btn3', 'dots1', 'more1')" id="btn4">Read less</button></span></p>
function myFunction(btnId, dotsId, moreId) {
var dots = document.getElementById(dotsId);
var moreText = document.getElementById(moreId);
var btnText = document.getElementById(btnId);
if (dots.style.display === "none") {
dots.style.display = "inline";
btnText.innerHTML = "See more";
moreText.style.display = "none";
} else {
dots.style.display = "none";
btnText.innerHTML = "Read less";
moreText.style.display = "inline";
}
}
salamat ok na poPara solusyunan ang iyong problema, maaaring subukan mo itong code:
HTML:<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis soluta numquam inventore quisquam consectetur delectus<span id="dots">...<button onclick="myFunction('btn1', 'dots', 'more')" id="btn1">See more</button></span><span id="more" style="display:none"> amet minima explicabo doloribus veniam possimus qui, reprehenderit aliquid ad mollitia doloremque, iusto magnam voluptatum!<button onclick="myFunction('btn1', 'dots', 'more')" id="btn2">Read less</button></span></p> <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis soluta numquam inventore quisquam consectetur delectus<span id="dots1">...<button onclick="myFunction('btn3', 'dots1', 'more1')" id="btn3">See more</button></span><span id="more1" style="display:none"> amet minima explicabo doloribus veniam possimus qui, reprehenderit aliquid ad mollitia doloremque, iusto magnam voluptatum!<button onclick="myFunction('btn3', 'dots1', 'more1')" id="btn4">Read less</button></span></p>
At sa JavaScript:
JavaScript:function myFunction(btnId, dotsId, moreId) { var dots = document.getElementById(dotsId); var moreText = document.getElementById(moreId); var btnText = document.getElementById(btnId); if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = "See more"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = "Read less"; moreText.style.display = "inline"; } }
Sa ganitong paraan, maari mong tukuyin kung aling button ang pinindot ng user sa pamamagitan ng pagpasa ng kanilang IDs bilang parameters sa function. Mayroon kang dalawang buttons para sa bawat paragraph, at ito ay magbibigay ng kahulugan sa bawat button at maiiwasan ang pagkakalito sa mga variables.
Walang anuman! Kung mayroon ka pang katanungan, huwag mag-atubiling magtanong ulit dito sa forum. Maraming salamat!salamat ok na po
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?