What's new
  • Welcome to PHCorner Forums. Take a moment to Sign up and gain unlimited access and extra privileges that guests are not entitled to, such as: All that and more! Registration is quick, simple and absolutely free. Join our community today!

Help Javascript textbox buttons

KristanC

Addict
Established
Joined
Jun 15, 2016
Messages
430
Reaction score
77
Age
20
Guys pa help

Textbox 1
Textbox 2
Textbox 3
Button - pag pindot ko po ng button may value po yun kunware 1 ididisplay niya sa textbox 1 then oag pindot ko ulit ng button ididisplay sa textbox 2 pano po yun mga sir
 

Kentify

PHC Moderator
HTML:
<p>
  <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
    Link with href
  </a>
  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Button with data-target
  </button>
</p>
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
  </div>
</div>
Matutong mag-explore boss wag po ugaliing spoonfeeding. Di ka mag-iimprove nyan (y)
 

KristanC

Addict
HTML:
<p>
  <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
    Link with href
  </a>
  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Button with data-target
  </button>
</p>
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
  </div>
</div>
Matutong mag-explore boss wag po ugaliing spoonfeeding. Di ka mag-iimprove nyan (y)
Sorry bosss
 

Kentify

PHC Moderator
May forum. Po ba na nag tuturo ng web dev yung kahit may comments kang yung codung may akam ka pong forum nun?
Not that I could think of but there is one website that help you when you need assistance or help in your code
You must register or login to view this.

if you really want a tutorial then marami sa YôùTùbé (y)
 

aa1012

Addict
May forum. Po ba na nag tuturo ng web dev yung kahit may comments kang yung codung may akam ka pong forum nun?
Go to stackoverflow. Pero pinapaalala ko na sayo, mas masusungit at mas mapanglait ang mga tao dun. lalo na sa mga ganitong spoonfeed. hindi pinapansin ang mga ganitong tanong doon. Promise, ang tagal ko na sa stackoverflow, never humaba ang ganitong uri ng thread. real project development ang usapan doon at kino-collaborate hindi child's play na gaya nito. Pag aralan mo kaya ang logic, napaka simple lang nyan e. Pag pindot mo ng button, e di ipasa mo yung value sa textbox. Ilagay mo yung code na yun sa onClick event. Siguro naman alam mo ang principle ng event programming. Tinuro naman siguro ng prof mo yan. maliban na lang kung tulog ka nung nagdidiscuss ang prof mo. or nasa bilyaran ka kaya di mo napagaralan.
 

Kentify

PHC Moderator
Go to stackoverflow. Pero pinapaalala ko na sayo, mas masusungit at mas mapanglait ang mga tao dun. lalo na sa mga ganitong spoonfeed. hindi pinapansin ang mga ganitong tanong doon. Promise, ang tagal ko na sa stackoverflow, never humaba ang ganitong uri ng thread. real project development ang usapan doon at kino-collaborate hindi child's play na gaya nito. Pag aralan mo kaya ang logic, napaka simple lang nyan e. Pag pindot mo ng button, e di ipasa mo yung value sa textbox. Ilagay mo yung code na yun sa onClick event. Siguro naman alam mo ang principle ng event programming. Tinuro naman siguro ng prof mo yan. maliban na lang kung tulog ka nung nagdidiscuss ang prof mo. or nasa bilyaran ka kaya di mo napagaralan.
Sa school namin basic lang itinuturo pero pag practicum na ang gagawin nakoww mas advance pa sa tinuturo nila hahaha
maganda pa sa school nyo if tinuturo talaga mga ganyan :D
 

aa1012

Addict
Sa school namin basic lang itinuturo pero pag practicum na ang gagawin nakoww mas advance pa sa tinuturo nila hahaha
maganda pa sa school nyo if tinuturo talaga mga ganyan :D
halos lahat naman ng prof ganyan ang strategy sa teaching. Kaylangan ng stimuli sa pag aaral kahit ano pa yan. At mas kaylangan yan sa programming kasi logic at analysis ang programming. nung college ako, magtuturo ng basic if yung prof ko tapos magpapagawa ng may nested if at switch. ang ibibigay lang na clue, go to the library. hindi nila sina-suggest ang google kasi mas mahahasa ka nga naman pag matuto kang magbasa. kaya kami noon, tambayan namin ang library. pati papel nasusulat kami ng program kasi walang computer sa loob ng library namin maliban sa front desk na may library system.
 

aa1012

Addict
first year pa lang kami noon, pinapagawa na kami ng transactional programs sa c++ at assembly. mga dimonyo ang mga prof doon. pisti! pero salamat kasi kaming mga interesadong mag aral, natuto talaga kami.
 

dee-u

Addict
Javascript puwede yata kung naintindihan ko ang requirements mo:

HTML:
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>dee-u demo</title>
 
  <script>

    var i = 1;

    function myFunction() {
        if (i == 1)
        {
            document.getElementById("txt1").value = "nasa textbox 1";
            document.getElementById("txt2").value = "";
            document.getElementById("txt3").value = "";
            i = i + 1;
        }
        else if (i == 2)
        {
            document.getElementById("txt2").value = "nasa textbox 2";
            document.getElementById("txt1").value = "";
            document.getElementById("txt3").value = "";
            i = i + 1;
        }
        else if (i == 3)
        {
            document.getElementById("txt3").value = "nasa textbox 3";
            document.getElementById("txt2").value = "";
            document.getElementById("txt1").value = "";
            i = 1;
        }
    }

</script>

</head>

<body>
<button onclick="myFunction()">Click me!</button>

<input id="txt1" type="text"></input>
<input id="txt2" type="text"></input>
<input id="txt3" type="text"></input>
</body>
</html>
Heto siya sa jsFiddle: You must register or login to view this.
 

KristanC

Addict
Javascript puwede yata kung naintindihan ko ang requirements mo:

HTML:
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>dee-u demo</title>

  <script>

    var i = 1;

    function myFunction() {
        if (i == 1)
        {
            document.getElementById("txt1").value = "nasa textbox 1";
            document.getElementById("txt2").value = "";
            document.getElementById("txt3").value = "";
            i = i + 1;
        }
        else if (i == 2)
        {
            document.getElementById("txt2").value = "nasa textbox 2";
            document.getElementById("txt1").value = "";
            document.getElementById("txt3").value = "";
            i = i + 1;
        }
        else if (i == 3)
        {
            document.getElementById("txt3").value = "nasa textbox 3";
            document.getElementById("txt2").value = "";
            document.getElementById("txt1").value = "";
            i = 1;
        }
    }

</script>

</head>

<body>
<button onclick="myFunction()">Click me!</button>

<input id="txt1" type="text"></input>
<input id="txt2" type="text"></input>
<input id="txt3" type="text"></input>
</body>
</html>
Heto siya sa jsFiddle: You must register or login to view this.
Boss parang calcu siya may mga buttons ng number

Pag tap ko ng kunware button 1 ididisolay niya si 1 sa textbox 1 pag tap ko naman ng button 2 ididisplay niya button 2 sa textbox 2 pag click ko ng compute button ididisplay niya sa textbox 3
 

dee-u

Addict
Boss parang calcu siya may mga buttons ng number

Pag tap ko ng kunware button 1 ididisolay niya si 1 sa textbox 1 pag tap ko naman ng button 2 ididisplay niya button 2 sa textbox 2 pag click ko ng compute button ididisplay niya sa textbox 3
Madali lang, lagyan mo lang ng parameter/argument yung function sa javascript at pasahan mo lang ng value.

HTML:
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>dee-u demo</title>
 
  <script>
    function myFunction(x) {
        document.getElementById("txt1").value = x;       
    }

</script>

</head>

<body>
<button onclick="myFunction(1)">1</button>
<button onclick="myFunction(2)">2</button>
<button onclick="myFunction(3)">3</button>
<button onclick="myFunction(4)">4</button>

<input id="txt1" type="text"></input>
</body>
</html>
 

KristanC

Addict
Madali lang, lagyan mo lang ng parameter/argument yung function sa javascript at pasahan mo lang ng value.

HTML:
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>dee-u demo</title>

  <script>
    function myFunction(x) {
        document.getElementById("txt1").value = x;      
    }

</script>

</head>

<body>
<button onclick="myFunction(1)">1</button>
<button onclick="myFunction(2)">2</button>
<button onclick="myFunction(3)">3</button>
<button onclick="myFunction(4)">4</button>

<input id="txt1" type="text"></input>
</body>
</html>
Thanks sa idea oaps na almost spon feeding na thanks po
 

KristanC

Addict
Madali lang, lagyan mo lang ng parameter/argument yung function sa javascript at pasahan mo lang ng value.

HTML:
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>dee-u demo</title>

  <script>
    function myFunction(x) {
        document.getElementById("txt1").value = x;      
    }

</script>

</head>

<body>
<button onclick="myFunction(1)">1</button>
<button onclick="myFunction(2)">2</button>
<button onclick="myFunction(3)">3</button>
<button onclick="myFunction(4)">4</button>

<input id="txt1" type="text"></input>
</body>
</html>
Boss nag flaflash ka g siya di nagstay yung vakue ng button biss
 

Online statistics

Members online
2,251
Guests online
2,564
Total visitors
4,815

Forum statistics

Threads
847,397
Messages
15,012,024
Members
1,367,980
Top