Transfer danych z okienka tekstowego

admin

Administrator
Ekspert

Wiadomości: 821

Transfer danych z okienka tekstowego

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


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: Transfer danych z okienka tekstowego

« Odpowiedz #1 : 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>


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: Transfer danych z okienka tekstowego

« Odpowiedz #2 : 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>


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: Transfer danych z okienka tekstowego

« Odpowiedz #3 : 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>


« Ostatnia zmiana: Marzec 02, 2016, 12:22:02 wysłane przez admin »	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: Transfer danych z okienka tekstowego

« Odpowiedz #4 : 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>


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: Transfer danych z okienka tekstowego

« Odpowiedz #5 : 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>


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: Transfer danych z okienka tekstowego

« Odpowiedz #6 : 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>


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


« Ostatnia zmiana: Marzec 09, 2016, 12:41:23 wysłane przez admin »	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: Transfer danych z okienka tekstowego

« Odpowiedz #7 : 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>


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: Transfer danych z okienka tekstowego

« Odpowiedz #8 : 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>


	Zapisane

Strony: [1]

Drukuj

« poprzedni następny »