Wie kann ich in JavaScript Zahlen untereinander ausgegeben?

Ich habe folgenden Code und ich will das die Zahlen untereinander ausgegeben werden

Danke im voraus

Und bekomme folgendes Ergebnis - (programmieren, HTML, JavaScript)

3 Antworten

05.12.2016, 22:08

Der primitivste Ansatz wäre die Verwendung von Table, TR, TD Tags. Also Aufbau einer Tabelle. Besser wäre die Verwendung von Div Tags. Das sind natürlich nur Anregungen. Code dazu gibt es im Web zur genüge.

Woher ich das weiß:Berufserfahrung – Web Developer bei einem mittelständischen Portalbetreiber

Minilexikon

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

06.12.2016, 14:49

Warum machst du es nicht so: http://codepen.io/Minilexikon/pen/yVjBLN

Woher ich das weiß:Berufserfahrung – Seit 2014

LeBonyt

06.12.2016, 17:22

Profilösung. Daumen hoch!

Minilexikon

06.12.2016, 17:22

@LeBonyt

Dankeschön :)

triopasi

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

05.12.2016, 22:00

Du meinst das 1/2 als Bruch oder was?

Woher ich das weiß:Studium / Ausbildung – Informatikstudium

triopasi

05.12.2016, 22:01

Hatte das Bild nich gross fail :D Dann nimm ne Tabelle..

Berkan223

Beitragsersteller

05.12.2016, 22:06

@triopasi

Und wie würde ich das in diesem Beispiel machen?

LowCase

06.12.2016, 19:18

@Berkan223

Erstell einfach eine tabelle per html und füg dann per innerHTML werte ein.

Das kann z.B so aussehen:

var row = TabellenId.insertRow(1);
var zelle1 = row.insertCell(0);
zelle1.innerHTML = WasReinSoll;

Das musst du dann einfach für alle machen.

Berkan223

Beitragsersteller

05.12.2016, 22:01

Nein es soll dort

Geschlecht: Mänlich
Gewicht: 55.5
Größe: 1.72

So steht

Ähnliche Beiträge

Dreieck ausgeben mit for schleife in Javascript?

Hallo,

ich wollte Fragen wie ich ein Dreieck ausgeben kann mit Javascript, dabei soll das Dreieck vorher mit einer Zahl mit "prompt" eingegeben und mit sternchen ausgegeben werden.

Am Ende sollte es so aussehen wenn man z.B. die Zahl 4 eingegeben hat:

***

****

Zurzeit habe ich schon einen Code:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript">
        function sterne(){
            var zahl = prompt("Zahl eingeben");
            for(var i =0; i <zahl; i++){
                ausgabe.innerHTML += "*" + "<br>";
            }
            
            document.querySelector('output').innerText = 
            "Anzahl der Zeilen: " + zahl;
        }
            </script>
        </head>
        <body onload="sterne()">
            <output></output>
            <br>
            <div id="ausgabe"></div>
        </body>
    </html>

Der mir das hier ausgibt:

Anzahl der Zeilen: <Zahl>

Ich vermute man braucht eine weitere For schleife oder ein if, könnte mir da jemand weiterhelfen? Danke für mögliche Antworten.

...zum Beitrag

Javascript mit onclick-Attribut ändern?

Hallo,

wie kann ich mit JavaScript ein Attribut ändern, wenn ich auf das entsprechende Objekt klicke?

Bis jetzt habe ich folgenden Code:

<img src="bild.png" onclick="elem.setAttribute("src","anderesbild.png");">

...zum Beitrag

Javascript Zahlen ratespiel?

warum funktioniert der code nicht bzw. wenn die zahl 90 ist und ich 91 wähle, dann 89 wähle und dann eine beliebige zahl wähle, ist die letze zahl immer richtig.

Code gibts hier(https://codesandbox.io/s/wymz4wm0p5)

bitte schnell

...zum Beitrag

Discord.js mit JavaScript wie schreibe ich untereinander?

Hallo,

Ich möchte eine Willkommens Nachricht erstellen, aber die muss in den Fall untereinander, so sieht sie aus:

╔╦╦╦═╦╗╔═╦═╦══╦═╗

║║║║╩╣╚╣═╣║║║║║╩╣

╚══╩═╩═╩═╩═╩╩╩╩═╝

Hey @member,

Willkommen auf GameGash, viel Spass auf dem Server!! https://cdn.discordapp.com/attachments/645313285716967441/730692734402297886/rainbowgif.gif

Wie kann ich das im Code machen?

Ich muss das ja irgendwie untereinander kriegen, aber wie wenn ich im Code Enter drücke hab ich ein Error.

...zum Beitrag

HTML JavaScript Variable untereinander?

Ich habe eine Variable namens data wo mehrere Sachen drinnen sind. Diese will ich jetzt untereinander ausgeben siehe Quellcode:

document.getElementById('Ausgabe').innerHTML = data;

Sie werden aber nur nebeneinander ausgegeben ein Split hat auch nicht geholfen irgendwelche ideen? Ja es ist ein String nur leider hilft ein Split nicht da dieser sonst nur überschreibt

...zum Beitrag

Mehrere Zeilen auskommentieren VS Code (JavaScript)?

Zum Beispiel :

alert()
alert()
alert()

alert()
alert()

dann markiere ich alles blau und alles aufeinmal soll ein // bekommen am anfang .

Und ich meine nicht das ich über mehrere Zeilen einen Cursor hab wo ich schreiben kann.

Denn dann würden auch die leeren Zeilen ein // haben weil ich nicht alles direkt untereinander programmiere

...zum Beitrag

Texte in JavaScript verschieben?

Moin, ich möchte folgende Textfelder so positionieren, dass sie anstatt untereinander, nebeneinander sind. Also eine Überschrift in h2 soll immer über einer Unterschrift in h1 stehen.

JS code:

var footer = `

<h2>Service-Hotline</h2>

<h2>Quellen</h2>

<h1><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Quellenverzeichnis</a></h1>

<h2>Anfahrt</h2>

<h1><a href="">Anfahrt</a></h1>

document.getElementsByTagName("footer")[0].innerHTML = footer;

...zum Beitrag

Javascript Formular mit Placeholder rechnen?

Hallo,

ich habe folgenden Code:

<html>
    <head></head>
    <body>
        <input type="number" id="in1" placeholder="0">
        <input type="number" id="in2" placeholder="0">
        <input type="number" id="out">
        <input type="button" value="Weiter" onclick="
            out.value = parseFloat(in1.value) + parseFloat(in2.value);
        ">
    </body>
</html>

Wenn ich in ein Feld nichts eingebe, doll Javascript den placeholder (also 0) als Inhalt ansehen und mit diesem Wert weiterrechnen. Es klappt aber leider noch nicht. Kann mir da wer helfen?

...zum Beitrag

HTML/Javascript Kontaktformular?

Wie kann ich ein html Formular, erstellen welches mittels Javascript ausgelesen wird und als Objekt auf der Konsole ausgegeben wird nach einem "submit"?

Also ich möchte das Formular auf meiner Webseite als Kontaktformular benutzen, ist eine Uni aufgabe

...zum Beitrag

JavaScript Funktion Summe?

Hallo ich möchte ein einfaches Programm scheiben was von zwei input feldern die Zahlen nach button Bestätigung zusammenrechnet. Bin mir bei meinem Code nicht sicher. Es addiert die Zahlen nicht sondern schreibt sie zusammen. 1+2=12

<script>
function summe()
{
var z1=document.getElementById('zahl1').value;
var z2=document.getElementById('zahl2').value;


var ergebnis= (z1+z2);
document.write("Das Ergebnis ist:"+ ergebnis);
}
</script>
<input type=text id="zahl1">
<input type=text id="zahl2">
<input type=button onclick="summe()" value="=">
</body>

...zum Beitrag

Javascript verlinken funtioniert nicht?

Hallo,

Ich habe das seltsame Problem, dass ich eine Javascript Datei nicht verlinken kann. Bzw. dass der Inhalt auf der Javascript Datei nicht ausgeführt wird.

So habe ich die Datei im <head> Tag verlinkt:

Der Inhalt auf der Javascript Datei ist folgender:

"use strict"

$("#akzeptieren").click(function() {

$(".cookie").hide();

})

Wenn ich den Javascript Code allerdings in der selben HTML Datei ausführe mit

$("#akzeptieren").click(function() {

$(".cookie").hide();

})

</script>

funktioniert er.

Woran kann das liegen? Ich habe schließlich weitere Javascript Dateien verlinkt die alle funktionieren. Auch habe ich die JQuery Datei im <head> Tag verlinkt. Ich benutze den aktuellen Chrome Browser. Mit Firefox habe ich es auch schon probiert. Dort geht es auch nicht.

Als Editior verwende ich Visual-Studio-Code.

Ich bin gerade ziemlich verwirrt. Habe ich irgendwo einen Fehler gemacht?

...zum Beitrag

Javascript for-of schleife ergebnise mit einander rechnen?

Hey,
folgendes: Ich möchte einen notendurchschnitt berechner bauen. Nun habe ich folgendes Problem: Ich trage die Noten in eine Tabelle ein. Mit einer for-of schleife tu ich drüber etarieren. Nur jetzt weiß ich nicht, wie ich die ganzen Zahlen zusammen rechnen soll.

Hier der Code:

let noten = e.target.parentNode.querySelectorAll(".noten");

for(let note of noten.values()){

if(note.value != 0){

console.log(note.value);

// Problem: Alle Noten miteinander verrechnen

}

...zum Beitrag

JavaScript Texfeld leeren?

Ich habe folgendes Textfeld.

<input type="text" id="eingabe" placeholder="" value="">

Ich habe dazu in JavaScript in eine Funktion geschrieben die ausgeführt werden soll, wenn ein Button gedrückt wird. In dieser existieren folgende Zeilen Code.

document.getElementById("eingabe").setAttribute("value", "");
      document.getElementById("eingabe").setAttribute("placeholder", "Richtig");

Damit möchte ich erreichen, dass der Inhalt des Textfeldes geleert wird und in dem Textfeld im Hintergrund das Wort Richtig steht.

Jedoch wird das Textfeld nicht geleert.

...zum Beitrag

JQuery in JavaScript Converter?

Hey Leute,

ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?

Ich möchte halt diesen Code umwandeln:

<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key').removeClass('lglan');
      }
      else {
        $('#key').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#receive').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key2').removeClass('lglan');
      }
      else {
        $('#key2').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#vm').removeClass(' esy ');
        $('#vm').addClass(' odn ');
      }
      else {
        $('#vm').addClass(' esy ');
        $('#vm').removeClass(' odn ');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $("#change").focusin(function () {
      $("#change").addClass("dri2");
    })
    $("#change").focusout(function () {
      $("#change").removeClass("dri2");
      $("#change2").focusin(function () {
        $("#change2").addClass("dri2");
      })
      $("#change2").focusout(function () {
        $("#change2").removeClass("dri2");
      })
    })
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $("#vm").attr("disabled", "disabled");
        $("#vm").removeAttr("enabled", "enabled");
      }
      else {
        $('#vm').attr("enabled", "enabled");
        $("#vm").removeAttr("disabled", "disabled");
      }
    });
  });
</script>
<script>
  $(document).ready(function() {
    $('#receive').on("input", function() {
      let currentValue = $(this).val();

      if (!currentValue.length) {
        $('#toggle').html('');
      }
      else {
        $('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
      }
    });
    $(document).on("click", "#click", function() {
      let text = $(this).text();

      if (text === "<?php echo $show ?>") {
        $(this).text("<?php echo $hide ?>");
        $("#receive").attr("type", "text");
      }
      else {
        $(this).text("<?php echo $show ?>");
        $("#receive").attr("type", "password");
      }
    });
  });
</script>

Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen