Javascript Farbe ändern?

Ich wollte fragen wie man bei Javascript die Farbe ändert also wenn man z.B.

var f = "[ Fail ]" macht das die Farbe dann rot wird wenn man das benutzt.

2 Antworten

20.02.2021, 01:34

Bitte was willst du? Welche Farbe? Von was? Merkst du nicht, dass kein Mensch antwortet, weil keiner Ahnung hat was du eigentlich willst. Sollte eigentlich auch aufhören auf sowas zu antworten wie die anderen und nicht dauernd predigen, dass du DETAILS NENNEN SOLLST!!!!

uefuw

Beitragsersteller

20.02.2021, 01:47

wenn man einen text macht zmb <h1>test</h1> das wenn man da die variable eingibt das der text in der variable hinzugefügt wird und die farbe sich ändert mit der variable

zmb mein text ist <h1 id="zweite";> test</h1>

und ich füge mit einen button die variable hinzu:

document.getElementById("zweite").innerHTML = f;

dann soll sich die farbe mit ändern wenn man die variable hinzufügt

sero583

20.02.2021, 01:51

@uefuw

Wenn man einen Text macht? Wo machst du Texte? Sorry, aber du bist echt schwer zu verstehen. Nebenbei noch angemerkt, die offizielle Abkürzung für zum Beispiel lautet z. B. und nicht zmb. Zu deiner Frage: In einen h1-Tag kannst du nichts eingeben. Ich vermute, du möchtest diesen h1 seine Textfarbe ändern, wenn ein Button betätigt wird. Dies geht tust du wie folgt:

document.getElementById("h1").style.color = "#ff0000";

uefuw

Beitragsersteller

20.02.2021, 01:57

@sero583

hast es ja doch verstanden, danke

sero583

20.02.2021, 01:59

@uefuw

Musste aber ordentlich nachdenken, was du versuchst zu sagen. Das was du da geschrieben hast, ist echt komplett sinnlos. Lese es dir doch selber auf einer unparteiischen Art durch, wirst dann wahrscheinlich schon wissen was ich meine.

NackterGerd

20.02.2021, 12:00

@uefuw

Du meinst die Farbe in der HTM Seite?

Dann musst du enweder die Classe ändern umd entsprechende Einträge im CSS haben

Oder

Du änderst die ID

Oder du änderst die Styles

Aufgrind deiner Frage glaube ich dir fehlen schon mal die Grundlagen von HTML5 und CSS3

Bevon du mit JS herumbastelst, solltest du erst mal HTML und CSS Lernen

NackterGerd

20.02.2021, 11:54

Javascript ist doch eine Programiersprache.

Welche Farbe möchtest du wo ändeen?

Was benutzt du denn zum eingeben des JS?

Ich würde dir z.b. Notepad++ empfehlen

Ähnliche Beiträge

Checkbox Farbe ändern bei onclick JavaScript/CSS?

Wie ändere ich die Farbe der Checkbox ?

Bei mir ist standartmäßig der background in einem blauton und der haken weiß.

Habe schon versucht zu googeln und dort stand das eine input type=checkbox kein richtigen hintergrund hat. Ist es nicht irgendwie möglich die Farbe bei "checked" grün zu stellen und beim nicht klicken rot.

...zum Beitrag

JavaScript: Farbe von Element ändern?

Hi Leute!

Ich will die Farbe eines Elementes(b) ändern, wenn das Element(a) über ein anderes bestimmtes Element hovert.

Heißt, das Element b ist fix am Bildschirm. Nun scrollt der User und das Element hovert das Element a. Nun soll etwas mit b passieren, wie gehe ich das mit JavaScript an?

Danke für eure Antworten!

...zum Beitrag

Javascript Tage zwischen zwei Daten berechnen?

Hallo, ich habe folgenden Code:

    function calcDays(){
  var tage = document.beleg.tage;
  var anreise = document.beleg.anreise.value;
  var abreise = document.beleg.abreise.value;

if( anreise && abreise && tage){
  var date1 = anreise.split(".");
  var date2 = abreise.split(".");
  var sDate = new Date(date1[2],date1[1],date1[0]);
  var eDate = new Date(date2[2],date2[1],date2[0]);
  var daysApart = Math.abs(Math.round((eDate-sDate)/86400000));
  tage.value = daysApart;
  }
}

Das Problem dabei ist, dass Javascript mit 31 Tage je Monat rechnet, d.h. wenn ich Anreise am 28.02. habe und Abreise am 01.03. werden 4 Tage ausgegeben. Was muss ich noch ändern?

Vielen Dank.

...zum Beitrag

Bild wechsel mit Javascript?

Hey,

ich hab da eine Frage zum Thema Javascript. Undzwar möchte ich das sich mit jedem Reload ein Bild ändert (am besten random aus einer "Bildliste" ausgesucht).

Das hier ist der Code den ich derzeit versucht habe... allerdings kommt immer wieder der Fehler das er die Bilder nicht finden konnte...

var imagenumber = 3 ;

var randomnumber = Math.random() ;

var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;

images = new Array

images[1] = "bild1.png"

images[2] = "bild2.png"

images[3] = "bild3.png"

var image = images[rand1]

document.write('<IMG SRC="' + image + '">')

Wäre nett wenn mir jemand mit dem Problem helfen könnte.

...zum Beitrag

Warum kann ich meinen HTML- Code nicht mit meinem Python- Code verbinden?

Hallo,

ich wollte meinen Python- Code mit meinem HTML- Code verbinden, damit, wenn mein Wake- Word "Luna" erkannt wurde, ein div in der Datei index.html seine Farbe ändert. Hier ist der Code:

Python:

from flask import Flask, render_template
from flask_socketio import SocketIO, emit

app = Flask(__name__)
app.config['SECRET_KEY'] = 'luna_secret1984773249523'
socketio = SocketIO(app)


@socketio.on('connect')
def handle_connect():
    emit('message', {'data': 'Connected'})


@socketio.on('start_listening')
def start_listening():
    if detect_wake_word():
        emit('color_change', {'color': 'red'})


@app.route('/')
def index():
    return render_template('output.html')

HTML /CSS:

... #color_div {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: green;
}    
</style>
</head>
<body>
<div id="color_div"></div>

JavaScript:

... // FLASK
        var socket = io();

        socket.on('connect', function() {
            socket.emit('start_listening');
        });

        socket.on('color_change', function(msg) {
            document.getElementById('color_div').style.backgroundColor = msg.color;
        });
</script>
</body>
</html>
    """
    with open("output.html", "w") as html_file:
        html_file.write(html_content)

    return "output.html"

Wenn ich den Code aber ausführe und "Luna" sage, ändert der Div nicht seine Farbe. Woran liegt das?

Freundliche Grüsse

...zum Beitrag

Pinball-Game / JavaScript: Wie kann ich die Kollisionserkennung implementieren?

Hallo zusammen,

ich muss für die Uni ein kleines Single Page 2D-Spiel entwickeln. Die Backend REST-API mit Python, das Frontend mit HTML/CSS, die Logik mit JavaScript. Die Animationen sollen wir selbst entwickeln und nicht z.B. von canvas-Objekten übernehmen.

Ich versuche zurzeit ein Pinball-Spiel (Flipper-Automaten) und habe das Grundgerüst mit CSS gebaut. Nur habe ich mir die Kollisionserkennung deutlich leichter vorgestellt, als sie wahrscheinlich ist.

So sieht das Spielfeld momentan aus:

Die JavaScript-Logik sodass der Ball im Spielfeld bleibt, ist ja recht simpel:

  var ball = document.getElementById('ball');
  var playArea = document.getElementById('play-area');
  var ballRadius = 10;
  var playAreaWidth = playArea.offsetWidth; // 600
  var playAreaHeight = playArea.offsetHeight; // 820
  var ballX = playAreaWidth / 2; // Startposition des Balls in der Mitte des Spielfelds
  var ballY = playAreaHeight / 2; // X = 300, Y = 410
  var ballSpeedX = 3; // Geschwindigkeit des Balls in horizontaler Richtung
  var ballSpeedY = 3; // Geschwindigkeit des Balls in vertikaler Richtung
  
  function updateBallPosition() {
    // Aktualisiere die Position des Balls basierend auf der aktuellen Geschwindigkeit
    ballX += ballSpeedX;
    ballY += ballSpeedY;
  
    if (ballX + ballRadius > playAreaWidth || ballX - ballRadius < 0) {
      ballSpeedX *= -1; // Richtungswechsel in der horizontalen Richtung
    }
  
    if (ballY + ballRadius > playAreaHeight || ballY - ballRadius < 0) {
      ballSpeedY *= -1; // Richtungswechsel in der vertikalen Richtung
    }
  
    // Setze die neue Position des Balls
    ball.style.left = ballX + 'px';
    ball.style.top = ballY + 'px';
  }
  
  // Aktualisiere die Position des Balls alle 16 Millisekunden (ca. 60 Frames pro Sekunde)
  setInterval(updateBallPosition, 16);
}

Aber wie man es implementiert, sodass der Ball von den Hindernissen und Banden richtig abprallt, sodass ein Richtungswechsel entsteht, habe ich noch nicht wirklich verstanden. Hätte da jemand eine Idee oder Erfahrung, wie man hier an die Kollisionserkennung herangehen könnte?

LG und danke im Voraus. :)

...zum Beitrag

Javascript Bilder per Knopf austauschen?

Ich will in meiner Website ein Bild einfügen, welches man per Knopfdruck austauschen kann. Ich habe den Code von dieser Website benutzt http://droeppez.de/download/js-tut/js-tut/tutorial/bilder1.html).

Auf meiner Website ist oben links ein Bild mit dem Logo und weiter unten das Bild was ausgetauscht werden soll. Will ich jetzt das Bild ändern, ändert sich das Logo oben in der Ecke und nicht das Bild was sich eigentlich ändern soll. Die Knöpfe funktionieren aber.

Meine Frage ist nun kann man das Bild was sich eigentlich ändern soll, irgendwie auswählen, damit sich nur das bestimmte Bild ändert?

ps. Bin noch neu und kenn mich nicht so gut aus.

...zum Beitrag

HTML Farbe ändern im Sekunden-Takt

Hallo, ich möchte im Sekunden-Takt die Farbe eines Textes in HTML ändern, wie geht das nun?

bsp.:

test

Soll seine Farbe von Rot auf Weiß ändern

...zum Beitrag

JavaScript Textboxen die aufklappen

Kann kein JavaScript. Kann man das vielleicht so umschreiben, dass es möglich wird, in den Link auch noch etwas anderes rein zu schreiben als wie die Wörter die in dem Script abgeglichen werden. Also "[Aufklappen]" und "[Schliessen]" ...

Ich will halt, dass man auf der ganzen div-box, die um den Link liegt, drauf klicken kann..

var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) {
if (ie4) {
return document.all[id];
} else {
return document.getElementById(id);
}
}
function toggle(link, divId) {
var lText = link.innerHTML; var d = getObject(divId);
if (lText == '[Aufklappen]') {
link.innerHTML = '[Schliessen]'; d.style.display = 'block';
} else { link.innerHTML = '[Aufklappen]'; d.style.display = 'none';
}
}




<div>
    <div>
        <a href="javascript: void(0);" onClick="toggle(this, 'box1');">[Aufklappen]</a>
    </div>
    <div id="box1" style=display:none>
        // Inhalt aufgeklappt
    </div>
</div>

...zum Beitrag

JavaScript Hintergrundfarbe von div ändern?

Kann mir bitte jemand sagen wie ich mit JavaScript die Farbe des Hintergrundes von einem div ändere?

Ich habe es schon mal versucht mit

document.getElementsByClassName("div").style.backgroundColor = "red"

zu ändern, aber es funktioniert nicht.

Wie mache ich das?

...zum Beitrag

JavaScript soll kontrollieren: Sind Felder ausgefüllt?

Hey, wenn man z.B. mit JavaScript kontrollieren möchte, ob ein Feld für einen Namen oder ein Feld für eine Adresse oder so ausgefüllt ist, wie genau mach ich das?
Ich denk mal man benutzt if/else aber ich weiß nicht genau wie man das schreiben würde

...zum Beitrag

Javascript Button erstellen?

Hallo,

ich habe einen Button in HTML erstellt und möchte, dass dieser per Click, die Farbe eine Textelements in Schwarz ändert. Den Button habe ich erstellt, komme aber bei der Funktion nicht weiter, kann jemand helfen? Danke im Voraus.

<button type="button" onclick=document.getElementById('Liste').style.color = 'black'">Drück mich!</button>

Aktueller Stand

...zum Beitrag

[JavaScript] Wie kann ich ein Element von Anfang an unsichtbar machen?

Und nach einem erfolgreichem Login wieder sichtbar machen. Ich habe folgenden Code:

function getKey() {


  var visible = document.getElementById("download").style.display = "visible";
  var invisible = document.getElementById("download").style.display = "none";


  var key = "abc1";


  var keY = document.getElementById("key").value;


  if (key == keY) {
    visible;
    alert("r")


  } else {
    alert("w")
  }

Weder funktioniert er, noch wird das Element download wieder angezeigt.

...zum Beitrag

Wenn man auf einer Website einen Button integrieren möchte, der die Farbe ändert wenn man mit dem Mauszeiger drüber geht, nutzt man da eher Javascript oder?

jQuery Code dafür? Und der Button soll natürlich wenn man mit der Maus wieder vom Button runtergeht die Ursprungsfarbe annehmen?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen