Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ PHP _ [php][console]Jak napisać funkcje która zmienia dane po wprowadzeniu do kosoli

Napisany przez: MaciekDZN 31.05.2017, 09:21:32

Witam, jest jedna strona na której cały czas wartość zmienia się w górę, chcę aby po pewnej sumie zmieniła się inna wartość na stronie, którą można edytować (input) o pewną sumę, np. +1
zmienna w górę to:

Kod
<div class="balance-btc-html">0.00001912</div>

zmienna która ma się zmieniać o pewną sumę lub iloraz:
Kod
<input class="form-control text-center" id="amount" value="0.00000001" type="text">


jak to ma wyglądać aby wkleić w konsoli i żeby działało ...
np. gdy balance-btc-html jest potęgą liczby 2 i przy 2048 żeby form-control text-center zmieniło się *2 lub +2 czyli (0.00000002)

pozdrawiam koderów biggrin.gif

Napisany przez: Szado 31.05.2017, 13:12:26

Źle zatytuowałeś temat, bo z tego co piszesz to ma być to operacja w JS-ie i to bardzo podstawowa (getElementsByClassNames(), element.textContent).

Napisany przez: Neutral 1.06.2017, 03:19:15

  1. <http://december.com/html/4/element/form.html action="" method="post">
  2. <http://december.com/html/4/element/input.html type="number" name="number"step="10"/>
  3. <http://december.com/html/4/element/input.html type="submit">
  4. </http://december.com/html/4/element/form.html>
  5. <http://december.com/html/4/element/div.html id="insert_here"></http://december.com/html/4/element/div.html>


Kod
<script>

var insert_here = document.getElementById('insert_here');

document.addEventListener('DOMContentLoaded',function() {
    document.querySelector('input[type="number"]').onchange=changeEventHandler;
},false);

function changeEventHandler(event) {
    // You can use “this” to refer to the selected element.
    if(!event.target.value){
        insert_here.innerHTML = ('Please Select One');
        
    }else{
    
        insert_here.innerHTML = ('You like ' + event.target.value + ' ice cream.');
    
      if(event.target.value==100){
        document.querySelector('input[type="number"]').setAttribute('step',100);
      }
    
    }
}
</script>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)