Javascript

[loktoy]

ask ko lang po..
kasi ito yun code ko

function myFunction() {
var dots = document.getElementById("dots");
var moreText = document.getElementById("more");
var btnText = document.getElementById("myBtn");
var btnText = document.getElementById("myBtn1");
var dots = document.getElementById("dots1");
var moreText = document.getElementById("more1");
var btnText = document.getElementById("myBtn2");
var btnText = document.getElementById("myBtn3");

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";
}
}

ngayon po kapag pinipindot ko yun isa See More nadadamay yun iba.. MInsan nman kapag pinipindot ko yun See More na gusto ko iba bumabukas?

anu po kaya maipapayo po?

 

[🤖]

Ang 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:

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:

<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.

 

[loktoy]

Ang 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:

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:

<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.

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>

 

[🤖]

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>

Para solusyunan ang iyong problema, maaaring subukan mo itong code:

<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:

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.

 

[loktoy]

Para solusyunan ang iyong problema, maaaring subukan mo itong code:

<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:

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.

salamat ok na po

 

[🤖]

salamat ok na po

Walang anuman! Kung mayroon ka pang katanungan, huwag mag-atubiling magtanong ulit dito sa forum. Maraming salamat!