Ergebnis 1 bis 2 von 2
  1. #1
    Poldi ist offline Grünschnabel
    registriert
    02-12-2020
    Beiträge
    1

    Question Textfelder mit Button auswerten

    Moin, ich habe auf meiner Internetseite ein normales Textfeld. Ich möchte den Wert der dort eingetragen wird auslesen und dann mit einem von mir festgelegten string vergleichen. stimmen es über ein soll true rauskommen. es kommt aber immer flase raus und ich hab keine ahnung warum.

    Quellcode:
    HTML-Code:
    <html>
        <body>
            <div class="formitem">
                <label><input placeholder="Text eingeben und Auslesen" type="text"  id="vorname"></label>
                <label><button id="textfeld" type="button"> Auslesen </button></label>
            </div>
            <div class="textfeld-msg"></div>
        
        <script>
        document.querySelector('#textfeld').onclick = function () {
            document.querySelector('.textfeld-msg').innerHTML = document.querySelector("#vorname").value;
        }
        //---------------------------------------------------------------------------------------
    var textinput = "Poldi";
    var poldi = document.querySelector("#vorname").value;
        document.addEventListener('DOMContentLoaded', buttonHandler);
    function buttonHandler(){
     var btn = document.querySelector("#textfeld");
     btn.addEventListener("mouseup", handler);
     function handler(event){
    
     if(event.type == "mouseup" && textinput == poldi ){
    	  alert("true");
      } else {alert("false");}
     }
     }
        </script>
        </body>
    </html>
    Ich freue mich über alle Antworten:-)
    Geändert von mikdoe (03-12-2020 um 10:40 Uhr) Grund: Code Tags

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.864

    AW: Textfelder mit Button auswerten

    Gegenfrage: wann wird der Interpreter poldi definieren? Beim Laden des Codes oder beim Klick auf die Schaltfläche?

    Bei solchen Problemen immer mit Zwischenausgaben mittels console.log() arbeiten.
    Und dringend an den Einrückungen arbeiten, dass da optische Struktur rein kommt. Das hilft.

    Bei mir sieht dein Code so aus und da sehe ich sofort anhand der Einrückungen den Grund für das unerwartete Verhalten.
    HTML-Code:
    <!DOCTYPE html>
    <html>
    	<head>
    		<title>Test</title>
    		<meta charset="utf-8">
    	</head>
    
    	<body>
    		<div class="formitem">
    			<label><input placeholder="Text eingeben und Auslesen" type="text" id="vorname"></label>
    			<label><button id="textfeld" type="button"> Auslesen </button></label>
    		</div>
    		<div class="textfeld-msg"></div>
    
    		<script>
    			document.querySelector('#textfeld').onclick = function () {
    				document.querySelector('.textfeld-msg').innerHTML = document.querySelector("#vorname").value;
    			};
    
    			//---------------------------------------------------------------------------------------
    
    			var textinput = "Poldi";
    			var poldi = document.querySelector("#vorname").value;
    			document.addEventListener('DOMContentLoaded', buttonHandler);
    
    			function buttonHandler(){
    				var btn = document.querySelector("#textfeld");
    				btn.addEventListener("mouseup", handler);
    				function handler(event){
    console.log('textinput: '+textinput);
    console.log('poldi: '+poldi);
    					if(event.type == "mouseup" && textinput == poldi ){
    						alert("true");
    					}
    					else { alert("false"); }
    				}
    			}
    		</script>
    	</body>
    </html>
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png

Ähnliche Themen

  1. Antworten: 6
    Letzter Beitrag: 22-09-2009, 15:48
  2. Textfelder mit Button hinzufügen/löschen
    Von Flippy im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 15-09-2008, 17:23
  3. mit radio-button textfelder aktivieren/deaktivieren
    Von andiwini im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 13-11-2007, 21:32
  4. Textfelder einzeln per radio Button ausgrauen lassen
    Von JimPanse5 im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 12-10-2005, 23:55
  5. button/textfelder deaktivieren und ausgrauen?
    Von Pleitegeier im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 10-11-2003, 10:30

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •