HTML Button -> Wert in einer Tabelle per Klick erhöhen?

Also, ich würde gerne eine Tabelle erstellen, in welcher in einer Zeile der Wert 4 ist. Nun möchte ich auf einen Button klicken, der den Wert 4 in dieser Zeile um 3 erhöht. Wie funktioniert dies?

6 Antworten

Herb3472

16.12.2016, 18:09

Das wird insofern nicht funktionieren, als eine normale, statische html-Seite keine Möglichkeit hat, einen Wert dynamisch abzuspeichern. Du würdest dafür ein kleines Progrämmchen und eine Datenbank im Hintergrund brauchen, in welcher der jeweils aktuelle Wert abgespeichert wird.

Kieselsaeure

16.12.2016, 20:23

du vergisst zb den local storage..

Herb3472

16.12.2016, 20:47

@Kieselsaeure

Ja, Du hast recht. Geht ja ab html5.

LegolasGreenlea

16.12.2016, 18:18

In einem <script>

function plus3(){
var zahl1 = document.getElementById("zahl").innerHTML;
zahl1 += 3;
document.getElementById("zahl").innerHTML = zahl1;
}

die "td" in der die Zahl steht muss mit der id "zahl" ausgestattet sein.

LegolasGreenlea

16.12.2016, 19:51

Also, wenn es die 3 anhängt musst du vor dem

zahl1 += 3;

noch ein

zahl1 *= 1;

anhängen

thesom

16.12.2016, 18:34

Hast doch schon ein Beispiel bekommen. Probiere das doch mal sieht doch ganz richtig aus (ohne zu testen!)

maxelmania

Beitragsersteller

16.12.2016, 18:36

habe es probiert, es wird nicht plus gerechnet, sondern es wird an die letzte zahl eine 3 angehängt. also wenn da eine 7 steht, kommt 73 und wenn ich es wieder ausführe eine 733

thesom

16.12.2016, 18:45

@maxelmania

Hinweis unterschied Sting int

thesom

16.12.2016, 18:26

Naja Datenbank? Ein bisschen übertrieben gelle! Mit JavaScript oder PHP kannste das im Zweizeiler bewerkstelligen!

maxelmania

Beitragsersteller

16.12.2016, 18:31

nur wie?

Ähnliche Beiträge

MS ACCESS 2013: Wie kann ich per Klick auf eine Schaltfläche einen Wert (Zahl) um 1 erhöhen?

Hallo,

ich möchte in meinem "Besucher" DB einen Wert mit Hilfe eines Buttons um Eins erhöhen. Das heißt: Ich habe eine Tabelle für Besucher erstellt. Dort sind folgende Daten vorhanden:

ID, Vorname, Nachname, Alter, Anzahl_Besuche

Und ich habe ein Formular, für diese Tabelle erstellt. Nun möchte ich beim Klick auf dem Button, dass beim ausgewählten Besucher der Wert für Anzahl_Besuche sich um eins erhöht.

Da ich mich mit Access nicht so gut auskenne (Blutiger Anfänger), weiß ich nicht genau, wie ich das realisieren kann. Ich habe eine Schaltfläche in mein Formular hinzugefügt und nun fragt Access mich danach, was dieser Button tun soll. Der Schaltflächen-Assistent schlägt mir verschiedene Operationen vor, aber da ist nirgendwo was von einen Wert erhöhen oder ändern. Von daher komme ich nicht weiter.

...zum Beitrag

Java Tabelle erstellen?

Hallo!

Ich bin ziemlich neu bei Java und versuche nun, aus einer großen HTML Tabelle einige Zeilen herauszukopieren und in einer neuen Tabelle, die ich erstellen will anzuzeigen.Die Werte have ich bereits ausgelesen und in 7 verschiedenen ArrayLists gespeichert.

public static ArrayList<String> list1;
public static ArrayList<String> list2;
public static ArrayList<String> list3;
public static ArrayList<String> list4;
public static ArrayList<String> list5;
public static ArrayList<String> list6;
public static ArrayList<String> list7;

In jeder dieser Listen ist jeweils der Wert einer Spalte gespeichert (also in liste eins sind alle Daten als Spalte eins u.s.w.).

Wie schaffe ich es nun, dass diese Werte in einer Tabelle angezeigt werden?

SuperSpace

...zum Beitrag

Excel Dropdown-liste per Button?

Hallo, ich würde gerne folgendes tun... Ich habe 2 Tabellen in excel und möchte dass man in der ersten Tabelle in einer bestimmten Zeile etwas eintragen kann und dann per klick auf einem button ,dass eben eingetragene in der anderen Tabelle in einer Dropdown-Liste erscheint. In der ersten Tabelle werden also immer wieder neue Werte eingetragen und in der anderen Tabelle sollen diese dann in einer dropdown liste stehen. Geht das? Habe selber schon fleißig rumprobiert, bekomme das aber nicht so hin wies sein soll. Vielleicht hat ja jemand Zeit und Lust mir das zu erklären. Danke schon mal im vorraus.

Mfg

...zum Beitrag

Sind doppelte Datensätze in einer SQL-Server DB schlechtes Datenbankdesign?

Hallo,

mein Chef will, dass ich eine kleinere Tabelle erstelle, in der nur die aktuellen Werte enthalten sind. Die Spalten darin z.B. FallID sind auch schon in einer Langzeit-DB enthalten die aber zig tausend Einträge enthält. Der Sinn dahinter ist es eine Tabelle erstellt in PHP/HTML alle 5 min zu aktualisieren und so aus der kleineren Tabelle mit den aktuellen Werte per query die Werte zu entnehmen. Ist das schlechtes Datenbankdesign?

...zum Beitrag

Wie kriegt man mit PHP raus welcher button gedrückt wurde?

Hallo,

Ich hab eine HTML-Tabelle erstellt die in der letzen Spalte submits hat. Meine Frage ist wie krieg ich raus ob so ein submit gedrückt wurde und in welcher Zeile sich das submit befindet

Mein PHP ansatz ist so

if(isset($_POST['button']){
 und ab hier komm ich nicht weiter wie krieg ich jetzt raus welche Zeile der Button gedrückt wurde 
    }

...zum Beitrag

Hallo, wie kann ich einen Button in HTML/Javascript erstellen, der die Farbe ändert?

Ich möchte einen Button erstellen, der dann die Textfarbe von einer Liste ändert. Also die Begriffe in der Liste sind zuerst rot und sollen nach dem Klick auf einen Button schwarz werden. Geht das?

Ich habe die Schriftfarben mit CSS über eine ID gemacht:

diese 3 Punkte sollen über einen Klick auf einen Button schwarz werden.

...zum Beitrag

Html und Javascritp Gif ein und ausblenden lassen?

Ich möchte mit Html und Javascript ein Gif per button einfügen lassen. Ich habe schon einiges ausprobiert aber es funktioniert nicht, ich würde mich gerne über Hilfe freuen. (Die Aufgabe war es einen Kopfrechentrainer zu programmieren, als Zusatz ein Bild einfügen,...)

<html>
	<head>
		<title> Kopfrechentrainer Ultimate </title>
	</head>
	<body>
<script language=javascript>


{	var a;
	var b;
	var c;
	var d;
	var f=0;
	var r=0;
	var x;
}	
	function random()
	
{
	a=Math.floor(Math.random()*90)+10;
	document.rechnen.eingabe1.value=a;
	
	b=Math.floor(Math.random()*9)+1;
	document.rechnen.eingabe2.value=b;	
}


	function kontrolle()
{
	c=document.rechnen.vergleich.value;
	if(a*b==c){r++;document.rechnen.richtig.value=""+r}
	if(a*b!=c){f++;document.rechnen.falsch.value=""+f}


	if(r+f==50)
{
	if(r==0){alert('soos')}
	else if(0<r<=10){alert('saas')}
	else if(10<r<=20){alert('sees')}
	else if(20<r<=30){alert('siis')}
	else if(30<r<=40){alert('suus')}
	else if(40<r<=50){alert('fiif')}
}


}
	function zurück()
{
	document.rechnen.richtig.value=""
	document.rechnen.falsch.value=""
}


	function shutdown()
{
	window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ');
}


	function bka()
{
   	var audio = new Audio('sirene.mp3');
   	audio.play();


	document.getElementById("bkaf").style.display="none";
}


</script>








	
		<font color ="red"> <h2 align = center>  Kopfrechentrainer Ultimate </h2> </font>
		<br>
		<p align = center> <b>  
		Du kannst hier Multiplikationsaufgaben üben. <br>
		Beim Klicken auf den Button werden dir dir nacheinander 50 Aufgaben gestellt.
		</p> </b>
		<br>
		<br>
		<h1 align = center> Bereit? </h1>
		<br>
	<form name="rechnen">
		<input type=button value="Start" onclick=random()>
		<br> <br>
		<INPUT type=text name=eingabe1 value=""> *
		<INPUT type=text name=eingabe2 value=""> =
		<INPUT type=text name=vergleich value="">
		
			<input type=button value="Kontrolle" onclick=kontrolle()>
			<input type=button value="Zurücksetzen" onclick=zurück()>
				
		<br> <br> 
	<p align = center> <b>
		Richtig gelöst Falsch gelöst
	</b> 
		<br> <br>
		<INPUT type=text name=richtig value=""> 
		<INPUT type=text name=falsch value="">
	<br> <br>
		<input type=button value="shutdown" onclick=shutdown()>
	<br> <br>
		<input type=button value="BKA Modus" onclick=bka()>
		
		<audio autoplay>
 		 <source src="sirene.mp3" type="audio/mpeg">
		</audio>
		<br>
	<div id="bkaf">
	<img id="blaulicht" src="blaulicht.gif">	
	</div>


	</form>










	</body>
</html>

...zum Beitrag

Angular: Wieso wird Component zweimal aufgerufen?

Hi,

ich bin gerade dabei in Angular eine kleine Webseite zu erstellen. Einfach Just for Fun.

Kurz meine Components + Quellcode.

app-component.html

<app-toolbar></app-toolbar>


<router-outlet></router-outlet>

toolbar.component.html

<div class="head" style="background-color: darkgreen;">
    <div class="box">
            <button class="selectionButton" routerLink="/startseite">
                <div class="menuButton"></div>
                <div class="menuButton"></div>
                <div class="menuButton"></div>
            </button>
    </div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box">
        <button class="selectionButton">
            <font size="5">TypeScript</font>
        </button>    
    </div>
    <div class="box">
        <button class="selectionButton">
            <font size="5">Java</font>
        </button>    
    </div>
    <div class="box">
        <button class="selectionButton" routerLink="/htmluebersicht">
            <font size="5">HTML</font>
        </button>    
    </div>
    <div class="box">
        <button class="selectionButton">
            <font size="5">Cypress</font>
        </button>
    </div>
</div>

html-page.component.html

<p>html-page works!</p>

Wenn ich jetzt auf den Button HTML ("/htmluebersicht") klicke, kommt der Text "html-page works!" .... Alles gut, so solls.
Wenn ich jetzt aber wieder auf den Menü Button ("/startseite") klicke wird meine toolbar.component.html irgendwie zweimal auf der Webseite angezeigt.

Weis jemand wieso die toolbar dann zweimal angezeigt wird?

Ich hoffe es ist verständlich was ich meine.

...zum Beitrag

HTML Komplette Zeile einer Tabelle als Link

Hallo Community,

mal wieder habe ich ein Problem und zwar sagt die Überschrift schon alles.

Ich habe das Menü meiner Website in Tabellenform angelegt. Nun steht quasi in jeder Tabellenzeile ein Link. Das Problem ist, man muss auf den Text klicken, welcher als Link markiert ist.

Nun möchte ich aber, dass es genügt wenn man nur in die jeweilige Zeile klickt der Link geöffnet wird. Da die Tabellenzeile via CSS wie ein Button aussieht, jedoch nur der Text im "Button" angeklickt werden kann.

Ich hoffe ich konnte ungefähr beschreiben was ich möchte.

Danke schon einmal im Voraus

Mfg Eyevi

...zum Beitrag

HTML, CSS, Javascript EventHandler und .innerText?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test DOM Manipulation</title>
    <script src="inner.Text.js" defer></script>
</head>
<body>

<div>
    <button id="button">click me</button>
    <input type="submit" id="Einreichen" name="Einreichen" value="Testen">
</div>

</body>
</html>
const meinBody = document.body;
const e1 = document.createElement('div');

const innerText1 = "Programmieren ";
const innerText2 = document.createElement("b");
innerText2.innerText = "3";
const innerText3 = " FTW!";

e1.append(innerText1, innerText2, innerText3);
meinBody.append(e1);

const button = document.getElementById('button');

button.addEventListener('click', () =>  {
button.innerText = "Klicken";}

Wenn ich den button klicken, warum wird dann das click me nicht durch Klicken ersetzt?
Warum wird das meinBody.append(e1); nicht ausgeführt?

MFG

...zum Beitrag

Per Button Wert erhöhen in Excel VBA - Offset Funktion?

Hallo ihr Lieben,

mal wieder bin ich dabei, für die Arbeit ein Excel-Sheet zur Erleichterung zu basteln.

Diesmal möchte ich eigentlich etwas recht Simples: Per Buttonklick auf - oder + soll der Wert einer Zelle entweder um 1 erhöht oder verringert werden. Die betroffene Zelle steht in jeder Zeile zwischen den zwei Buttons (siehe Screenshot). Um nicht für jeden Button eine eigene Funktion schreiben zu müssen, wollte ich hier mit Offset der Zelle, in der der Button liegt, arbeiten, aber irgendwie bekomme ich es syntaktisch nicht hin und bitte deswegen um Rat, wie ich das realisieren kann.

Würde mich freuen, wenn jemand die Lösung für mich hat. Vielen Dank bereits im Voraus!

Lg Lego

...zum Beitrag

Bestimmte Zeile in HTML per JavaScript ändern?

Hey,

wie ihr wahrscheinlich wisst, hat man am Anfang eines jeden HTML-Dokuments

den Head-Teil. Ich möchte gerne per JavaScript die mit Rot markierte Zeile ändern. Also ich möchte die Style.css per Klick auf einen Link (<a>, darin ein <i>) ändern.

Bitte schreibt einfach das Script rein, mit welchem ich dann die Zeile ganz einfach ändern kann!

PS: Ist für Darkmode, da mir das als "einfachste" Lösung erscheint.

Grüße

...zum Beitrag

JQuery Tabellenzeile löschen?

Hallo miteinander,

Ich bin noch ein ziemlicher Anfänger, was JQuery angeht. Ich musste bisher in meinem Praktikum eine Tabelle mit html und css designen. Dies habe Ich auch ohne Probleme hinbekommen. Jetzt jedoch muss Ich die "Zeile hinzufügen / löschen"-Buttons auch zum Laufen bringen.

Bisher habe Ich es so geregelt, dass Ich in der Ur-Zeile keinen Löschen-Button habe und der sich mit einem Klick auf den "Hinzufügen"-Button allesamt mit einer neuen Zeile hinzufügt.

Ich habe es so programmiert, das er es in die Konsole schreibt, wenn man den Button klickt. Dies ist jedoch nicht der Fall. Habe Ich irgendeinen Fehler?

if ("") {
    $("tbody").append(Neue_Zeile);
} else {
    alert = "Du musst jedes Feld ausfüllen"
}


});

$("#button_delete").on("click",function(){

    console.log("Löschen-Button wurde geklickt");

if (""){
    $("tbody").remove(Neue_Zeile);
} else {
    alert = "Du musst erst eine Zeile hinzufügen, um sie löschen zu können"
};

})

Ganz oben wollte Ich angeben, dass er erst eine Zeile hinzufügt, wenn alle Felder ausgefüllt sind. Was soll Ich da dann nach dem "if" in die Klammer schreiben?

Genauso wie bei dem Löschen-Button. Wie kann Ich da nur die Zeile löschen, auf die der angeklickte Button liegt?

Ich danke für eure Antworten! Bitte schreibt die Antwort nicht all zu kompliziert :P

Mit freundlichen Grüßen, Robert Kessler

...zum Beitrag

In Google Tabelle Button fürs zählen einbauen?

Moin, ich würde gerne in eine Google Tabelle einen Button einbauen, den man drücken kann, damit eine Zahl automatisch erhört wird. Einfach klicken und eine Zahl erhöht sich

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen