Hallo, ich habe Aufgaben bekommen:-100 bis 100 zählen lassennur gerade Zahlen zählen lassennur ungerade Zahlen zählen lassenMit Modulo (benötigt if, Modulo oder Runden); Zahlenzensur: immer wenn eine Zahl durch 7 teilbar ist ,soll PIEP statt der Zahl auf dem Bildschirm erscheinen. (Hinweis: setze % ein oder lasse eine zweite Variable immer bis 7 zählen)Ich habe die 1. Aufgabe schon erledigt und dachte, dass ich nur etwas dazu hängen muss, aber ich komme irgendwie nicht auf die Lösung. <html> <body> <script> var i = -100; var inv = setInterval(function() { if(i < 100) document.getElementById("counter").innerHTML = ++i; else clearInterval(inv); }, 80000 / 100); </script> Here it goes: <span id="counter"></span> </body> </html>

Wie lass ich von -100 bis 100 nur gerade Zahlen und nur ungerade Zahlen zählen?

Hallo,

ich habe Aufgaben bekommen:

-100 bis 100 zählen lassen
nur gerade Zahlen zählen lassen
nur ungerade Zahlen zählen lassen
Mit Modulo (benötigt if, Modulo oder Runden); Zahlenzensur: immer wenn eine Zahl durch 7 teilbar ist ,soll PIEP statt der Zahl auf dem Bildschirm erscheinen. (Hinweis: setze % ein oder lasse eine zweite Variable immer bis 7 zählen)

Ich habe die 1. Aufgabe schon erledigt und dachte, dass ich nur etwas dazu hängen muss, aber ich komme irgendwie nicht auf die Lösung.

<html>

<body>

var i = -100;

var inv = setInterval(function() {

if(i < 100)

document.getElementById("counter").innerHTML = ++i;

else

clearInterval(inv);

}, 80000 / 100);

</script>

Here it goes: <span id="counter"></span>

</body>

</html>

1 Antwort

Vom Fragesteller als hilfreich ausgezeichnet

GruseINico

16.06.2022, 13:31

Hey,

zu Aufgabe 2 und 3 empfehle ich dir hier mal nachzulesen:

https://parallellines.de/javascript/pruefen-ob-eine-zahl-gerade-oder-ungerade-ist/

Die vierte Aufgabe kannst du dann auch mit dem Modulo Operator lösen oder du verwendest einen zweiten Zähler welcher bis 7 Zählt. So wies im Hinweis steht.

Das solltest du schaffen.

Mit freundlichen Grüßen,

Nico

Gunther296

Fragesteller

17.06.2022, 00:55

Noch eine Frage: Ich habe die Sachen jetzt eingegeben, soll ich noch was dazu schreiben? Oder besser gesagt, was soll noch dazu kommen, dass diese Formel funktioniert?

Ich hatte nämlich in meinen ganzen 10 Jahre Schule kein Informatik und mein Lehrer, der es auch nicht kann, dachte wenn wir paar Beispiele abschreiben, dass wir einfach sowas selber als Ersatz für unsere Mathe Klausur machen sollen. Ich habe mir sogar als Ausweg Videos angeguckt, aber sowas kann ich nicht in 3Std lernen und wir sollen es schon Samstag abgeben.

Ich verstehe irgendwie gar nicht und bin gerade etwas verzweifelt ;(

GruseINico

17.06.2022, 10:29

@Gunther296

Versuchs mal mit folgenden Code:

function gerade_check (zahl){
     if(zahl % 2 == 0){
          return true;
     }else{
          return false;
     }
}

var i = -100;
var gerade_zahelen = 0;
var ungerade_zahlen = 0;
sieben = 0;
function aufgaben(){
     if(i < 100){
          //aufgabe 1
          i++;
          document.getElementById(„counter_eins“).innerHTML = i;
        
         //aufgabe 2 und 3
         if(gerade_check(i) == true){
              gerade_zahlen++;
              document.getElementById(„counter_zwei“).innerHTML = gerade_zahlen;
         }else{
              ungerade_zahlen++;
              document.getElementById(„counter_drei“).innerHTML = ungerade_zahlen;
         }

         //aufgabe 4
         sieben++;
         if(sieben == 7){
           document.getElementById(„counter_eins“).innerHTML = „Piep“;
         }
          
     }else{
          clearInterval(inv);
     }
}

var inv = setInterval(aufgaben() {}, 80000 / 100);

, du brauchst hierfür aber noch 2 weitere HTML spans für die geraden und ungeraden zahlen. Und die ID des spans aus aufgabe 1 habe ich der besseren lesbarkeit auch geändert.

Und nun noch etwas anderes, die Informatik hat vielleicht viel mit der Mathematik zu tun, ist aber ein eigenständiges Fachgebiet, weshalb es an den Schulen auch normalerweise getrennt unterrichtet wird. Wenn du sagst du hattest 10 Jahre lang kein Informatik unterricht, besuchst du sicherlich die Oberstufe, in welcher die Informatik eigentlich garnicht in den Lehrplan der MAthemtik passen sollte, da muss genug anderes Zeugs gemacht werden, was dann im Zentralabitur abgefragt wird - und das ist definitiv keine Informatik im Fach Mathe.

Ist ja schön wenn man vielleicht etwas den Vergleich von der MAthematik zur Informatik zieht, dagegen sage ich ja nichts. Aber eine Klausur über sowas zu schreiben und dann auch nur auf grundlage von wegen kopiert euch mal was zusammen xD - ich glaube das ist nicht zielführend sondern nur Zeitverschwendung.

Aber genug ausgelassen, der Code oben wurde übrigens nur im Gutefrage Code Eingabefeld geschrieben, somit nicht auf Funktionalität überprüft…

Mit freundlichen Grüßen,

Nico

So das der Countdown einfach immer weiter zählt und nicht dann aufhört, wenn die eingegebene Zahl erreicht ist.

  <script>
    var i = 100;
  
    var inv = setInterval(function() {
      if (i < 1000000000000)
        document.getElementById("counter").innerHTML = ++i;
    else
      clearInterval(inv);
    }, 3000 / 100);
  </script>
  Hier gehts los: <span id="counter"></span>
</body>
</html>

...zur Frage

Password auf Groß und Kleinbuchstaben/ziffern achten JavaScript?

Hallo wir sollen bei einer Aufgabe überprüfen ob das Passwort ein Groß/kleinBuchstaben und eine Ziffer enthält und dann die Eingabe grüne färben. Bin mir aber nicht sicher wie das funktionieren soll.

Aufgabe:

(b) Erweitern Sie die Funktion aus der vorherigen Aufgabe so, dass auch bei mehr

als 8 Zeichen der Hintergrund ebenfalls gelb ist und erst grün wird, wenn die

Zeichenkette einen Großbuchstaben, einen Kleinbuchstaben, eine Ziffer und

ein anderes Zeichen enthält! Hinweis: Mit s.charAt(i) greift man auf das i-te Zeichen in der Zeichenkette s zu.

<!DOCTYPE html>
<html lang=de>
<head>
  <title>JS – jQuery Einbinden</title>
  <meta charset=utf-8>


  <!-- Nur eine der beiden folgenden Varianten einsetzen: -->


  <script src="jquery-3.4.1.min.js"></script>
  <script>
  function test(s)
  {
  var anz=s.length;
   var charset = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
   var bool=true;
	if(anz<6)
	{
	$('#passw').css("background-color","pink");
	}
	if(anz>=6 && anz <=8)
	{
	$('#passw').css("background-color","yellow");
	}
	if(anz>8)
	{


	}
	for(i=1;i<=anz; i++)
	{
	if(s.charAt(i)==charset)
		$('#passw').css("background-color","lightgreen");
	else 
	$('#kurz').text("zukurz");
	
	}
	
	$('#anz').text(anz);
  }
  </script>
  </head>
<body>
<h1>Passworteingabe</h1>
<p>Passwort eingeben: </p>
<input type=text oninput="test(value);" id="passw">
<br>
Anzahl: <span id="anz"></span>
Zu Kurz? <span id="kurz"></span>
</body>
</html>

...zur Frage

Kennt jemand ein Counter Script, wo die Aufrufe/Klicks in einer counter.txt Datei im Verzeichnis abgespeichert werden - wenn möglich in HTML?

z.B

<script language="JavaScript" src="Die Website Link/counter/counter.php?ac=js">
</script>

couter.php

<?php
function get_urlvar($var_name){
	if(!isset($_GET[$var_name])){
		return ("");
	} else {
		return (trim(urldecode(mysql_escape_string($_GET[$var_name]))));
	}
}
$File = fopen('./daten/cont.txt', 'r+'); 
$Counter = fread($File, filesize('./daten/cont.txt')); 
$Counter++;
rewind($File);
fwrite($File, $Counter); 
fclose($File);
$ac=get_urlvar("ac");
if ($ac == 'js'){
echo "document.write(' Sie sind Besucher Nr. $Counter ');\n";
}else {
echo 'Sie sind Besucher Nr. '.$Counter;
}
?>

wäre ein beispiel. Bei mir geht das aber nicht, keine Ahnung warum. Hat jemand eine andere oder eine etwas einfachere Idee (die Aufrufe/Klicks müssen aber als Datei / txt abgespeichert werden).

Danke im voraus.

...zur Frage

Wie update ich den HTML Text?

Ich bin in der Programmier AG meiner Schule und soll es jetzt so machen, dass der Fehler Text sobald ich einen Fehler mache geupdated wird und die Anzahl der Fehler aktuell ist. Gerade aktualisiert es nur wenn ich etwas richtiges eingebe.

Der Code lautet wie folgt:

<html>
<head>
<meta charset="utf-8">
<title>Kopfrechnen-Quiz</title>
<script>
var richtigeAntwort;
var aktuelleNummer = 1;
var Anzahlfalsch = 0;
function wennGeladen() {
stelleAufgabe();
aktuelleNummer = 1;
//alert(Math.floor( Math.random() * 100 ));
Anzahlfalsch = 0;
}
function pruefeAntwort() {
event.preventDefault();
if (document.getElementById("antwort").value == richtigeAntwort) { 
alert("Richtig!");
aktuelleNummer++;
stelleAufgabe();
}
else {
alert ("Leider falsch. Bitte nochmal versuchen");
refresh ("falsch")
Anzahlfalsch++;
}
}
function stelleAufgabe() {
var zahl1 = Math.floor(Math.random()*100);
var zahl2 = Math.floor(Math.random()*100);
richtigeAntwort = zahl1 + zahl2;
document.getElementById("falsch").innerHTML = "Anzahl der Fehler: " + Anzahlfalsch;
document.getElementById("nummer").innerHTML = "Aufgabe Nummer: " + aktuelleNummer;
document.getElementById("aufgabe").innerHTML = zahl1 + "+" + zahl2 + ":";
}
</script>
</head>
<body onload="wennGeladen()">
<h1>Kopfrechnen-Quiz</h1>
<h2 id="nummer"></h2>
<h3 id="falsch"></h3>
Bitte berechne: <span id="aufgabe"></span>
<form onSubmit="pruefeAntwort()">
<input id="antwort">
</form>
</body>
</html>

es wäre nett, wenn mir jemand helfen könnte.

...zur Frage

Teilbarkeit in Java?

Ich weiß irgendwie nicht, wie ich diese Aufgabe lösen soll.

Schreiben Sie alle Zahlen im Bereich {1, ..., 49} auf die Konsole, die durch 7 teilbar sind, und alle, die durch 13 teilbar sind.

Verwenden Sie eine While-Schleife.

Tipp

Sie benötigen den Modulo-Operator

Tipp

Laufen Sie durch die Zahlen 1, 2, ... 49 mit einer Laufvariablen und testen Sie mit If (und Modulo) auf Teilbarkeit.

Wie soll man mithilfe von if Modulo verwenden? Man kann ja % nicht in die If Bedingung reinschreiben. Ich sitze echt schon lange dran und habe keine Ahnung mehr. Ich würde mich sehr über eine Erklärung freuen.

...zur Frage

JavaScript / jQuery - Warum funktioniert das nicht?

Hallo,

ich möchte hier Absatz 2-5 eine Klasse ('abschnitt') geben und deren Text ändern zu 'neuer jQuery Text'.

Wieso funktioniert das hier nicht?

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
    'use strict';

    document.onload = function() {
      for (var i = 1; i < document.querySelectorAll('p').length; i++) {
        document.querySelectorAll('p')[i].classList.add('abschnitt');
        $('.abschnitt').text('neuer jQuerytext');
      }
    }
  </script>
  <script></script>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <br>
  <h1> Überschrift </h1>
  <h2 id="ü2"> Überschrift h2 </h2>
  <p id="p1"> Absatz 1 </p>
  <p id="p2"> Absatz 2</p>
  <p> Absatz 2</p>
  <p> Absatz 3</p>
  <p> Absatz 4</p>
  <p> Absatz 5</p>
</body>
</html>

...zur Frage

Wie gebe ich alle geraden zahlen von 0-100 in Javascript aus?

Hallo

Ich bin verzweifelt

Ich habe keine Ahnung wie ich alle geraden Zahlen von 0-100 in javascript ausgebe.

Ich muss es auch ohne modulo Operator schaffen. Hat jemand eine Lösung?

...zur Frage

Java Script wird nicht ausgeführt?

hallo, und zwar wird bei mir nicht Java Script ausgeführt. Könnt ihr mir helfen woran dass liegt???

HTML:

<!DOCTYPE html>

<head>

</head>

<body>

<h1 id="title">Today's Quiz</h1>

</ol>

</div>

</div>

<h2 id="score-title">Your Score</h2>

<button type="button" id="check-answer" onclick="checkAnswer()">Check Answers</button>

</div>

<h2>Answers :</h2>

</ol>

</div>

</body>

</html>

JAVA SCRIPT:

...zur Frage

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>

...zur Frage

JS - Wie kann ich die Höhe eines Rechtecks mit einem Schieberegler / Slider (range) im Canvas vergrößern und verkleinern?

Hallo,

meine Code sieht gerade so aus. Es funktioniert aber nicht. Was müsste ich hier ändern?

<hmtl>
  <head>
    <title>hi guys</title>
  </head>
  <body>
    Schieberegler:
    <br>
    <canvas id="canvas" height='400' width='600'></canvas>
  </body>
  <br>
  <input id='slider' type='range' max="100" min="0">
  <p id='outpRadius'> 50 </p>
  <input type='color'>
  <hr>
  <script>
    'use strict';

    window.onload = function() {
      var slider = document.getElementById('slider')
      var output = document.getElementById('outpRadius');
      slider.addEventListener('input', aendereRadius, false)

      function aendereRadius() {
        output.innerHTML = slider.value;
        console.log(output.innerHTML);
      }

      var canvas = document.getElementById('canvas');
      canvas.style.backgroundColor = 'yellow';
      var ctx = canvas.getContext('2d');
      ctx.fillRect(50,50,50,output.innerHTML);
    }
  </script>
</html>

...zur Frage

Text aus Span Element kopieren?

Moin,

ich habe ein Span Element:

<span id="test">Hello World</span>

Nun möchte ich den Text per Button in die Zwischenablage kopieren. Ich dachte an an sowas:

<button id="copy" onclick="copy()">Copy</button>
<script>
  function copy() {
    var text = document.getElementById("test");
    // . . .
  }
</script>

Wie kann ich das denn genau ausbauen? Im Internet habe ich bisher nur Möglichkeiten für Textfelter o.Ä. gefunden.

MfG

...zur Frage

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>

...zur Frage

Warum wird alert nicht ausgeführt (Javascript)?

Hi ich Frage mich warum mein alert nicht ausgeführt wird wenn ich auf den buten klicke ...könnte jemand der Javascript beherrscht mir den Fehler sagen ?

Code:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

alert ("willkommen hier");

</script>

var beschreibung = "super,mega,hammer";

var alter= 25;

var vergeben = false;

var name = "boy withb the spoon";

var leer = null;

document.write(name + "ist" + beschreibung + alter + "und sein status ist vergeben " + vergeben);

</script>

//diese variable ist sehr komplieziert

function geklickt(){

alert ("willkommen hier zum zweiten mal");

}

</script>

<form>

</form>

</body>

</html>

...zur Frage

Sticky navbar funktioniert nicht?

Guten Tag, ich muss für die Schule eine Webseite erstellen und wollte eine Sticky navbar einfügen. Dabei soll der untere Teil mit La Petite France, Cathédrale, rivière kleben bleiben. Kann mir jemand helfen?

<script>
        window.onscroll = function() {myFunction()};

        var navbar = document.getElementById("navbar");
        var sticky = navbar.offsetTop;

        function myFunction() {
        if (window.pageYOffset >= sticky) {
        navbar.classList.add("sticky")
    } else {
        navbar.classList.remove("sticky");
    }
    }
</script>

<header>
    <section class="hero is-medium">
        <div class="hero-head">
            <nav class="navbar">
                <div class="container">
                    <div class="navbar-brand">
                        <a class="navbar-item" href="index.html">
                            <img src="cigogne_strasbourg.png" alt="Logo">
                        </a>
                        <span class="navbar-burger" data-target="navbarMenuHeroB">
                            <span></span>
                            <span></span>
                            <span></span>
                      </span>
                    </div>
                    <div id="navbarMenuHeroB" class="navbar-menu">
                        <div class="navbar-end">
                            <a class="navbar-item is-active" href="index.html">
                                Home
                            </a>
                            <a class="navbar-item" href="details.html">
                                Y arriver
                            </a>
                            <a class="navbar-item" href="anmeldung.html">
                                Composer ses vacances
                            </a>
                            <span class="navbar-item">
                              <a class="button is-info is-inverted">
                                <!--<span class="icon">
                                  <i class="fab fas fa-fingerprint"></i>
                                </span>-->
                                <span>Einloggen</span>
                              </a>
                            </span>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
        <div class="hero-body">
            <div class="tile is-ancestor">
                <div class="tile is-parent">
                    <div class="tile is-child is-4 is-align-content-end">
                        <h1 class="title is-2">Strasbourg</h1>
                        <h2 class="subtitle is-4">La P'tit Venise</h2>
                    </div>
                    <div class="tile is-child is-8">
                        <figure class="image">
                            <img width="10" src="cathedralefenetre.jpg" alt="Fenêtre"/>
                        </figure>
                    </div>
                </div>
            </div>
        </div>



<div id="navbar">
            <nav class="tabs is-boxed is-fullwidth">
                <div class="container">
                    <ul>
                        <li class="is-active">
                            <a href="javascript:void(0)">La Petite France</a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">La Cathédrale Notre-Dame</a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">La rivière</a>
                        </li>
                    </ul>
                </div>
            </nav>
</div>

    </section>
</header>

CSS:

.content {
    padding: 16px;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
.sticky + .content {
    padding-top: 60px;
}

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen