functie vraag

Status
Niet open voor verdere reacties.

gast0198

Gebruiker
Lid geworden
15 nov 2016
Berichten
83
Ik zou graag via een functie achter de playing to het cijfer willen zien staan dat in de keuzelijst actief is. Ik zou graag de functie willen weten.

Als ik 1 aanklik komt er Playing to: 1 te staan, klik op 3 dan komt er Playing to: 3 te staan.

<div>

<p>Playing to:</p>

<select name="spelnummer" multiple size="1">
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
<option value="4"> 4 </option>
<option value="5"> 5 </option>
</select>


</div>
 
Kan je hier wat mee?
Code:
<div>
  <p>Playing to: <span id="spelnr"></span></p>
  <select name="spelnummer" onchange="ToonSpelnr(this.value)">
    <option value="">Spelkeuze</option>
    <option value="1"> 1 </option>
    <option value="2"> 2 </option>
    <option value="3"> 3 </option>
    <option value="4"> 4 </option>
    <option value="5"> 5 </option>
  </select>
</div>
<script type="text/javascript">
function ToonSpelnr(nummer) {
  document.getElementById("spelnr").innerHTML = nummer;
}
</script>
Suc6. Have fun.
 
Laatst bewerkt:
Bedankt, hier ben ik al heel wat mee.

Ik heb nog 2de geval: ik heb 3 knoppen spel 1, spel 2 en reset knop. Ik zou graag bij klikken op de spel 1 knop word de linkse nul 1, bij klikken op spel 2 wordt de rechtse nul 1. Als ik op reset klik wordt het linkse cijfer geel en de rechtse blauw.

<div>

<p>0 to 0</p>

<button type="button" onclick=""> Spel 1</button> <button type="button" onclick="">Spel 2</button> <button type="button" onclick="">Reset</button>
</div>
 
Ha, je hebt onclick gevonden, daarmee kan je inderdaad dit maken
Code:
<div>
  <p><span id="toonknop1">0</span> to <span id="toonknop2">0</span></p>
  <button type="button" onclick="XtoY(1)">Spel 1</button>
  <button type="button" onclick="XtoY(2)">Spel 2</button>
  <button type="button" onclick="XtoY(0)">Reset</button>
</div>
<script type="text/javascript">
function XtoY(knop) {
  switch(knop) {
    case 0:
      document.getElementById("toonknop1").style.color = "yellow";
      document.getElementById("toonknop2").style.color = "blue";
      break;
    case 1:
      document.getElementById("toonknop1").innerHTML = "1";
      break;
    case 2:
      document.getElementById("toonknop2").innerHTML = "2";
      break;
  }
}
</script>
Ik laat je in de scripts de eenvoudige manier zien. Er zijn betere manieren maar hiermee kan je verder.

btw: ik zit toch hopelijk niet een studie opdracht van school voor je te maken?
 
Nee, ik doe dit als hobby. Op het internet kan je veel vinden over html en voorbeelden, maar soms loop je vast vooral bij een combinatie van verschillende functies.

Kan je bij document.getElementById("").innerHTML ook meer dan 1 cijfer invoeren? Bv nu komt er bij klik op spel 2 direct 2 te staan maar kan je ook aanduiden van bij eerste klik 1 en pas bij een volgende klik 2.
 
Laatst bewerkt:
kan je ook aanduiden van bij eerste klik 1 en pas bij een volgende klik 2
Kan je dit iets specifieker omschrijven want ik snap niet helemaal wat je bedoelt? Wanneer klik je op welke knop?
 
Het gaat over de spel 1 en spel 2 knop. Nu is het zo dat als ik klik op spel 1 komt er 1 te staan voor de to en dan stopt het, Ik zou graag als ik nog eens op spel 1 klik dat 2 komt, nog eens klikken 3 enzovoort hetzelfde voor de spel 2 knop daar begint het ook bij 1 nog eens klikken 2 nog eens klikken 3 enzovoort. Maar hoe moet je dit in de functie vermelden?

spel 1 knop staat dit: document.getElementById("toonknop1").innerHTML = "1";

spel 2 knop staat dit: document.getElementById("toonknop2").innerHTML = "2";
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan