Darmowe Forum

Java Script => Java Script => W±tek zaczêty przez: admin Grudzieñ 16, 2015, 10:32:53


Tytu³: Transfer danych z okienka tekstowego
Wiadomo¶æ wys³ana przez: admin Grudzieñ 16, 2015, 10:32:53
Przyk³ad 1. Odczytanie danych z okienka tekstowego i wybór odpowiedzi za pomoc± struktury switch.

<!DOCTYPE html>
<html>
<body>

<input id="okienko" type="text" value="Podaj nazwe">
<button onclick="sprawdz()">Sprawdz samochod</button>
<p id="adam"></p>

<script>
function sprawdz() {
  var x;
  var marka = document.getElementById("okienko").value;

  switch(marka) {
    case "ford":
      x = "ford jest ok!";
      break;
    case "fiat":
      x = "Nie przepadam za fiatami.";
      break;
    case "opel":
      x = "Uwielbiam Ople?";
      break;
   
  }
  document.getElementById("adam").innerHTML = x;
}
</script>

</body>
</html>

Tytu³: Odp: Transfer danych z okienka tekstowego
Wiadomo¶æ wys³ana przez: admin Grudzieñ 16, 2015, 11:26:59
Wersja 2.

<!DOCTYPE html>
<html>
<body>

<input id="okienko" type="text" value="Podaj nazwe">
<button onclick="sprawdz()">Sprawdz samochod</button>
<p id="adam"></p>

<script>
function sprawdz() {
  var x;
  var marka = document.getElementById("okienko").value;

  switch(marka) {
    case "ford":
   case "Ford":
      x = "ford jest ok!";
      break;
    case "fiat":
      x = "Nie przepadam za fiatami.";
      break;
    case "opel":
      x = "Uwielbiam Ople?";
      break;
   default: x = "Nie rozpoznano"
  }
  document.getElementById("adam").innerHTML = x;
}
</script>

</body>

Tytu³: Odp: Transfer danych z okienka tekstowego
Wiadomo¶æ wys³ana przez: admin Grudzieñ 16, 2015, 11:45:36
Wersja 3, z czyszczeniem okienka.

<html>
<body>

<input id="okienko" type="text" value="Podaj nazwe">
<button onclick="sprawdz()">Sprawdz samochod</button>
<button onclick="czysc()">Czysci okienko</button>
<p id="adam"></p>

<script>

function czysc(){document.getElementById("okienko").value="";};
function sprawdz() {
  var x;
  var marka = document.getElementById("okienko").value;

  switch(marka) {
    case "ford":
   case "Ford":
      x = "ford jest ok!";
      break;
    case "fiat":
      x = "Nie przepadam za fiatami.";
      break;
    case "opel":
      x = "Uwielbiam Ople?";
      break;
   default: x = "Nie rozpoznano"
  }
  document.getElementById("adam").innerHTML = x;
}
</script>

</body>
</html>

Tytu³: Odp: Transfer danych z okienka tekstowego
Wiadomo¶æ wys³ana przez: admin Marzec 02, 2016, 11:30:15
Przyk³ad 4. Otwieranie dodatkowego okna przegl±darki (otwiera siê nowa strona) po wpisaniu poprawnego has³a.

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title> Przyk³ad 1</title>
</head>
<body>
<input type="text" id="adam">
<button id="uruchom">Wprowad¼ has³o</button>
<script>
function wczytaj(){
var a=document.getElementById('adam').value;
if(a=="Dziamdzia")
{window.open('http://onet.pl','_blank','resizable=yes');}
else {alert("Z³y kod");}
}
document.getElementById('uruchom').addEventListener('click',wczytaj);
</script>
</body>
</html>

Tytu³: Odp: Transfer danych z okienka tekstowego
Wiadomo¶æ wys³ana przez: admin Marzec 02, 2016, 12:23:00
Przyk³ad 5. Realizacja wyboru za pomoc± funkcji switch.

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title> Przyk³ad 1</title>
</head>
<body>
<input type="text" id="adam">
<button id="uruchom">Wprowad¼ has³o</button>
<script>
function wczytaj(){
var a=document.getElementById('adam').value;
switch(a)
{case 1:alert("a");break;
default: alert("B");break;

}
}
document.getElementById('uruchom').addEventListener('click',wczytaj);
</script>
</body>
</html>

Tytu³: Odp: Transfer danych z okienka tekstowego
Wiadomo¶æ wys³ana przez: admin Marzec 02, 2016, 12:28:14
Wersja poprawiona zadania 5.

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title> Przyk³ad 1</title>
</head>
<body>
<input type="text" id="adam">
<button id="uruchom">Wprowad¼ has³o</button>
<script>
function wczytaj(){
var a=document.getElementById('adam').value;
switch(a)
{case "1":alert("1");break;
case "2":alert("2");break;
default: alert("Beee...   ");break;
}
}
document.getElementById('uruchom').addEventListener('click',wczytaj);
</script>
</body>
</html>

Tytu³: Odp: Transfer danych z okienka tekstowego
Wiadomo¶æ wys³ana przez: admin Marzec 09, 2016, 12:38:24
Zadanie 7.

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title> Przyk³ad 2</title>
</head>
<body>
<!--<input type="text" id="adam"> -->
<!-- <input id="adam" type="range" min="0" max="255" value="0"
/>R<input type="text" id="adam1"><br>
<input type="range" min="0" max="255"/>G<br>
<input type="range" min="0" max="255"/>B<br> -->
<button id="uruchom1">Czerwony</button><br>
<button id="uruchom2">Zielony</button><br>
<button id="uruchom3">Niebieski</button><br>
<button id="uruchom4">Pomaranczowy</button><br>
<button id="uruchom5">¯ó³ty</button>

</body>
<script>
function R(){;
    alert("Warto¶æ: "+document.getElementById('adam').value);}
function wczytaj1(){document.bgColor="red";}
function wczytaj2(){document.bgColor="green";}
function wczytaj3(){document.bgColor="blue";}
function wczytaj4(){document.bgColor="orange";}
function wczytaj5(){document.bgColor="yellow";}
document.getElementById('uruchom1').addEventListener('click',wczytaj1);
document.getElementById('uruchom2').addEventListener('click',wczytaj2);
document.getElementById('uruchom3').addEventListener('click',wczytaj3);
document.getElementById('uruchom4').addEventListener('click',wczytaj4);
document.getElementById('uruchom5').addEventListener('click',wczytaj5);
document.getElementById('adam').addEventListener('change',R);
//                      id przycisku                      nazwa funkcji
</script>
</html>

Tytu³: Odp: Transfer danych z okienka tekstowego
Wiadomo¶æ wys³ana przez: admin Marzec 09, 2016, 13:00:52
Przyk³ad 8. Odczytanie po³o¿enia suwaków i wprowadzenie warto¶ci do okienka html typu text.

<html><head>
<meta charset="UTF-8">
<title> Przyk³ad 4</title>

</head>
<body>
<input type="range" min="0" max="255" value="0" id="R">R
<input type="text" value="0" id="N1"> Warto¶æ kana³u R</br>
<input type="range" min="0" max="255" value="0" id="G">G
<input type="text" value="0" id="N2"> Warto¶æ kana³u G</br>
<input type="range" min="0" max="255" value="0" id="B">B
<input type="text" value="0" id="N3"> Warto¶æ kana³u B</br>

<script>
var r = document.getElementById('R');
g = document.getElementById('G');
b = document.getElementById('B');
//var number = document.getElementById('number');
 
r.onchange = function() {N1.value = R.value; };
g.onchange = function() {N2.value = G.value;};
b.onchange = function() {N3.value = B.value;};
//document.bgColor="rgb(N1.value,N2.value,N3.value)";   
   
    </script>
    </body>
    </html>

Tytu³: Odp: Transfer danych z okienka tekstowego
Wiadomo¶æ wys³ana przez: admin Kwiecieñ 06, 2016, 11:35:19
Zadanie XXXX. Dwa przyciski naprzemienne prze³±czaj±ce napis +licznik gratis.

<html>
<head>
<meta charset="UTF-8">
<script>
var d=0;
function dawaj1(f) {
 if(f.A.value=='wciskaj'){f.B.value='wciskaj'; f.A.value='nie wciskaj';}
 else {f.B.value='nie wciskaj'; f.A.value='wciskaj';}
}
function dawaj2(f){
 d++;f.C.value=d;}

</script>
</head>

<b>Wciskacz</b>
<br><br>
<form>
<br>
<input type="button" name="A" value='wciskaj' onclick="dawaj1(this.form)">A</button><br>
<input type="button" name="B" value='nie wciskaj' onclick="dawaj1(this.form)">B</button><br>
<input type="button" name="D" value='licz' onclick="dawaj2(this.form)">D</button>
<br>
<input type="text" name="C" > <br>
<br>
<em></em>
<P>

</form>
</html>


Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC | Sitemap

Polityka cookies
Darmowe Fora | Darmowe Forum

articz proskills mylittlepony zlotasiodemka blackmoon