Java Script Text ändern durch OnClick?

Hallo,

wie der Code https://jsfiddle.net/m0Lbpvy4/ zeigt, will ich, dass sich bei Klick auf einen Text, sich der Text ändert.

Folgendes Problem:

Bild zum Beitrag

In dem Bild ist zu sehen, dass der Input Button nicht im Div bleibt. Das mag an width: auto liegen, wenn ich es aber entferne, ist nicht der ganze Text zu sehen.

Jemand eine Lösung für das Problem?

3 Antworten

MrAmazing2

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, HTML

16.08.2021, 04:26

Füg bei CSS

white-space: normal;

hinzu.

https://jsfiddle.net/2r3kfwy1/

Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf

elmex7

16.08.2021, 02:28

Anstatt width:auto width:100% (bzw. max-width)

Und wenn der ganze Text sichtbar sein soll, ist ein input halt schlecht, weil einzeilig immer. Daher dann anderes Element nehmen, wenn es unbedingt ein Formularelement sein muss, eben textarea...

Webclon

16.08.2021, 02:20

Schau mal hier vielleicht hilft dir das weiter, ist aber etwas anders aufgebaut:

https://stackoverflow.com/questions/17064304/onclick-text-change

Woher ich das weiß:Recherche

Ähnliche Beiträge

Html Input in Javascript ausgeben?

Ich würde gerne einen HTML Input Text in Javascript ausgeben lassen.

Dazu habe ich bereits ein Script erstellt, in dem ich einer Variable den Wert des HTML Input gebe(Es geht um die Variable "VorName"), mit Hilfe von "document.getElementById". Allerdings will die Variable den Wert nicht annehmen/ändert ihn nicht.

Ich habe auch onclick angewendet

Warum funktioniert das nicht? ) :

Danke im voraus für Tipps und Hilfe

...zum Beitrag

Like Button in html, java script inklusive Counter?

Ich bin ein fortgeschrittener html Autor und eigne mir gerade Java script an.

Als Übung wollte ich ein kleines eigenes Youtube(ohne Datenbank) programmieren. Ich bin nun fast fertig mit meinem kleinen Projekt, doch mir fehlt noch ein Like Button für Videos inklusive Counter der neben dem Button angezeigt werden soll. Zunächst dachte ich an den input type: "radio".

Wäre toll wenn mir einer einen Tipp geben könnte wie ich meine Website vervollständigen könnte.

Danke in Voraus

...zum Beitrag

HTML Check Textfeld Input Onclick?

Kann man irgendwie definieren, dass die Onclick aktion nur ausgeführt wird, wenn in 2 bestimmten textfeldern bestimmter text steht? Also, dass z.B. In Feld 1 "Test" steht und in Feld 2 "Tee" steht, dass man nur dann die Button onclick action ausführen kann und sonst nichts passiert? Möchte, dass wenn in beiden Textfeldern eine bestimmte sache steht, erst dann auf einen Button geclickt werden kann, welcher einen dann weiterleitet.

...zum Beitrag

Button im Div responsiv machen?

https://jsfiddle.net/z7ew09ru/

Hallo,

hat jemand eine Idee, wie ich den "JETZT BESTELLEN" Button responsiv mache (von den Drei Divs ganz abgesehen)?

Die Handy Version ist zwar noch nicht fertig und die Seite ist noch ein ganzer Müll, aber jetzt schießt der grüne Bestellbutton schon über sein Div hinaus und ich habe wirklich keine Ahnung, was geändert werden muss.

Vielen Dank

Stefan

...zum Beitrag

Div anzeigen, wenn Radio-Button "checked" ist - von Anfang an?

Hi,

ich habe hier eine Grupe von Radio-Buttons. Immer, wenn ein Radio-Button "checked" ist, soll ein div erscheinen. Funktioniert auch alles, aber das JS erkennt nicht, dass ja bereits per Default "red" ausgewählt ist:

https://jsfiddle.net/w1maq8wa/

Man muss in diesem Beispiel "red" noch mal anklicken, obwohl es bereits checked ist.

Kann mir jemand helfen?

Danke!

...zum Beitrag

java script html text verändern jede sekunde?

wie kann man mit javascript machen das in html jede sekunde oder jede zweite sekunde sich der text ändert

...zum Beitrag

Android studio WebView und Java?

Hi, ich bin momentan dabei eine App zu bauen und darauf gestoßen das man mittels einer webView ziemlich einfach seine App in CSS HTML und JS Programmieren kann. Im Laufe meiner Planung ist mir allerdings aufgefallen das man so Recht schnell an die Grenzen des (für mich) machbaren stößt, kann ja auch sein daß ich schlichtweg zu doof bin. Jedenfalls wollte z.B. ein Login mit Database machen und automatisches anmelden wenn man die App neu startet. Java seitig finde ich dazu zig Videos, allerdings keine wirklichen die mir das mit Java Script erklären. Gibt es eine Möglichkeit wie ich von der webView aus mir dem Java Code kommunizieren kann? Als Beispiel: das ich ein Input Feld in HTML mache, einen Button und ein Label: der Button soll nach Klick den Wert des Input Feldes an den Java Code senden, und der soll dann das Label mittels Java Code, also außerhalb der webView in der Main Activity, den Wert des Labels gleich den Wert des Input Feldes setzen. Geht sowas überhaupt? Könnt ihr mir da weiterhelfen oder habt ihr gar gute Webseiten/ Videos wo diese Login Thematik mit Database erklärt wird?

...zum Beitrag

Buttons in einem div in einem a-Tag ansprechen?

Ich habe das Problem das ich ein "div" habe, das in einem ist, also selber als Verlinkung dient. In diesem "div" habe ich jedoch noch drei Buttons, die dann nicht mehr ansprechbar sind, da das ganze "div" ja ein Hyperlink ist. Ich möchte also das ich wenn ich auf einen der Buttons klicke, eine separate Aktion erfolgt und wenn ich nur in das "div" klicke ohne einen Button zu betätigen eine andere Aktion erfolgt. Damit ihr es ein bisschen besser versteht hänge ich noch einen Screenshot von der Situation an, hoffe man versteht es einigermaßen.

...zum Beitrag

Tkinter hängt sich auf wenn ich den Button drücke?

Hi, ich soll für die Schule in Informatik ein Verschlüsselungsprogramm schreiben. Ich habe hier die Caeser verschlüsselung genommen. Der Code hat ohne Tkinter Super Funktioniert:

def Code():

code = input("Code: ")

Verschiebung = int(input("Verschiebungsfaktor: "))

coded = "".join(chr((ord(char) + Verschiebung) % 256) for char in code)

print("Verschlüsselter Code:", coded)

def Encode():

code = input("Verschlüsselung: ")

x = int(input("Verschiebungsfaktor: "))

Verschiebung = -x

encoded = "".join(chr((ord(char) + Verschiebung) % 256) for char in code) print("Entschlüsselter Code:", encoded)

Hier ist der Code mit Tkinter:

from tkinter import *

def Code():

code = input(b.get())

Verschiebung = int(input(d.get()))

coded = "".join(chr((ord(char) + Verschiebung) % 256) for char in code)

h.config(text=coded)

def Encode():

code = input(b.get())

x = int(input(d.get()))

Verschiebung = -x

encoded = "".join(chr((ord(char) + Verschiebung) % 256) for char in code)

h.config(text=encoded)

F = Tk()

F.title('Coding')

F.geometry('500x500')

F.config(bg='gray')

a = Label(master=F, text='Eingabe:', fg='white', bg='black', font=('Arial',16))

a.place(x=50, y=50, width=200, height=50)

b = Entry(master=F, text='', font=('Arial',16))

b.place(x=275, y=50, width=200, height=50)

c = Label(master=F, text='Schlüssel:', fg='white', bg='black', font=('Arial',16))

c.place(x=50, y=125, width=200, height=50)

d = Entry(master=F, text='', font=('Arial',16))

d.place(x=275, y=125, width=200, height=50)

e = Button(master=F, text='Verschlüsseln', fg='white', bg='black', font=('Arial',16), command=Code)

e.place(x=50, y=200, width=200, height=50)

g = Button(master=F, text='Entschlüsseln', fg='white', bg='black', font=('Arial',16), command=Encode)

g.place(x=275, y=200, width=200, height=50)

h = Label(master=F, text='', font=('Arial',16))

h.place(x=50, y=275, width=425, height=50)

F.mainloop()

Das Problem ist, das sich Tkinter aufhängt und abstürtzt wenn ich einen Button drücke

...zum Beitrag

Mehrere Parameter durch einen Button ausgeben in Javascript?

Ich lerne gerade Javascript mit einer Tutorial Reihe und der Mann im Tutorial hat mehrere Parameter benutzt um einen Liebes Test zu Programmieren. Ich wollte dann das man erst einen Knopf drücken muss um das Ergebnis angezeigt zu bekommen. Aber es funktioniert nicht denn wenn ich auf den Button drücke, passiert nichts. woran liegt das ? Das ist mein Code: (Die formatierung ist eigentlich anders)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function LiebesTest(name1, name2){

document.write(name1 + " und " + name2 + " haben " + punkte + " Punkte ");

var punke;

punkte= (name1+name2).length;

}

LiebesTest("Filme", "serien");

</script>

<form>

<input onclick="text" type="button" value="Test!"

</form>

</body>

</html>

...zum Beitrag

JS Button onclick Farbe ändern?

Ich möchte, das wenn ich ein Button drücke sich die Farbe von ihm ändert.

Wie mache ich das mit JS?

...zum Beitrag

Button fügt Zahl in Text Feld ein?

Hallo,

wie kann ich mit Java und HTML erstellen, das beim Klick auf einen Button, die entsprechende Ziffer in ein Textfeld schreibt. Mit 9 Verschiedenen Buttons mit den Ziffern 0 bis 9? Am besten mit eine Funktion, mit document.getElementById oder so.

Kann mir jemand helfen?

...zum Beitrag

Content in die mitte packen html, css?

Ich arbeite an einem Discord bot Dashboard und ich möchte, dass die Kästchen vom <li></li> nicht untereinenander sind sondern neben einander bis zum bildschirm rand und dann eins runter gehen.

html:

 <ul>
  <li><a class="content"><button onclick='ping()'>Working?</button>   
  </a></li>
  <li><a class="content"><input type="text" id="invite" placeholder="server invite"></a>
  <a class="content"><button onclick="add_invite()">Join</button></a>
  <br></li>
  <li>
</ul>

Css:

html,
body{
    width: 90%;
    color: #FE72F3;


 background: #2B2B2B;
    height: 100%;
}
ul{
    list-style: none;
    width: 100%;
    height: 100%;
}
li{


    width: 320px;
    height: 220px;
    background: #494949;
    border: 2px solid #1d1c1c;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-top: 20px;
}
input{
    width: 90%;
    margin: 10px;
    height: 30px;
    border-radius: 5px;


}
button{
    width: 93%;
    margin: 10px;
    height: 35px;
    border-radius: 5px;
    
}

Wie mach ich das?

...zum Beitrag

Programmieren javascript alert function?

hallo!
button erstellen:

bsp: onclick="alert ('hallo')"

frage: was ist der Unterschied zwischen alert und function? Function muss ich zwar noch definieren aber Ich kann doch mit beiden festlegen, was durch den Klick passieren soll oder?

danke im Voraus

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen