Copy Options?

    function copyOptions(sourceId, ...targetIds) {
        var sourceSelect = document.getElementById(sourceId);


        targetIds.forEach(function(targetId) {
            var targetSelect = document.getElementById(targetId);
            
            targetSelect.innerHTML = '';
            
            for (var i = 0; i < sourceSelect.options.length; i++) {
                var option = sourceSelect.options[i];
                targetSelect.add(new Option(option.text, option.value, option.defaultSelected, option.selected));
            }
        });
    }


    copyOptions('name1.1', 'name1.2', 'name1.3', 'name1.4', 'name1.5', 'name1.6', 'name1.7', 'name1.8', 'name1.9', 'name1.10', 'name1.11', 'name1.12');
    copyOptions('name2.1', 'name2.2', 'name2.3', 'name2.4', 'name2.5', 'name2.6', 'name2.7', 'name2.8', 'name2.9', 'name2.10', 'name2.11', 'name2.12');

Die aller letzte Zeile wird nicht annerkannt und die Optionen werden nicht von name2.1 weiter kopiert woran liegt das? Wenn ich die Vorletzte Zeile entferne klappt es aber. Kann wer helfen?

18.02.2024, 23:17

Der komplette Code

<section class="boxes">
                    <div class="buybox" data-name="F">
                        <img src="pferde/schwarzer f.jpg" class="hjpg"> 
                        <h2> Friesian Horse </h2>
                        <h3> Price&ensp;&ensp;&ensp;&ensp;: 950 Star Coins <img src="images/st.jpg" class="sc"></h3>
                        <h3> Location : Silverglade Village </h3>
                        <select id="name1.1" class="name1">
                            <option value="1">Choose</option>
                            <option value="1.1">A</option><option value="1.2">Abyss</option><option value="1.3">Acacia</option>
                            <option value="1.4">Acs</option><option value="1.5">Agate</option><option value="1.6">Air</option><option value="1">Alpha</option>
                            </select>


                            <select id="name2.1" class="name2">
                            <option value="1">Horsename</option>
                            <option value="1">Yellw</option>
                            <option value="1">Yeow</option>
                            </select>


    
                        <button class="moreinfo"onclick="moreinfo()">More Information</button>
                        <button class="add"onclick="add()">Add to list</button>  
                        </div>


                    <div class="buybox" data-name="F">
                        <img src="pferde/schwarzer f.jpg" class="hjpg"> 
                        <h2> Friesian Horse </h2>
                        <h3> Price&ensp;&ensp;&ensp;&ensp;: 950 Star Coins <img src="images/strcoin.jpg" class="sc"></h3>
                        <h3> Location : Silverglade Village </h3>
                        <select id="name1.2" class="name1"></select>
                        <select id="name2.2" class="name2"></select>
                        <button class="moreinfo"onclick="moreinfo()">More Information</button>
                        <button class="add"onclick="add()">Add to list</button>
                    </div>



                </section>
            </div>
            
        <div class="basket">
        </div>
    </section>
</body>
<script>
function copyOptions(sourceId, ...targetIds) {
        var sourceSelect = document.getElementById(sourceId);


        targetIds.forEach(function(targetId) {
            var targetSelect = document.getElementById(targetId);
            
            targetSelect.innerHTML = '';
            
            for (var i = 0; i < sourceSelect.options.length; i++) {
                var option = sourceSelect.options[i];
                targetSelect.add(new Option(option.text, option.value, option.defaultSelected, option.selected));
            }
        });
    }
    copyOptions('name1.1', 'name1.2', 'name1.3', 'name1.4', 'name1.5', 'name1.6', 'name1.7', 'name1.8', 'name1.9', 'name1.10', 'name1.11', 'name1.12');
    copyOptions('name2.1', 'name2.2', 'name2.3', 'name2.4', 'name2.5', 'name2.6', 'name2.7', 'name2.8', 'name2.9', 'name2.10', 'name2.11', 'name2.12');

Chris102004

18.02.2024, 23:09

Kannst du die Elemente, von wo kopiert werden soll, noch einstellen?

Welchen Typ haben die?

Rike456

Fragesteller

18.02.2024, 23:17

ist drin

3 Antworten

Erzesel

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Programmiersprache, Programmieren & Softwareentwicklung

19.02.2024, 09:48

Du hast keine Elemente mit den IDs 'name1.3'..usw und 'name2.3'..usw. definiert.

Du kannst nichts in ein nichtexistierendes Element kopieren...

Wenn Du meherere Kopien eines Elements anlegen möchtest, kannst du die cloneNode() -Methode verwenden.

https://www.w3schools.com/jsref/met_node_clonenode.asp

<body>
<button onclick="cloneIt('blubb')">Copy von Hand</button>




<section class="boxes" Id="blubb">
    <div class="buybox" data-name="F">
        <h2> Friesian Horse </h2>
        <h3> Price&ensp;&ensp;&ensp;&ensp;: 950 Star Coins </h3>
        <h3> Location : Silverglade Village </h3>
        <select id="name1.1" class="name1">
            <option value="1">Choose</option>
            <option value="1.1">A</option>
            <option value="1.2">Abyss</option>
            <option value="1.3">Acacia</option>
            <option value="1.4">und so weiter</option>
        </select>


        <select id="name2.1" class="name2">
            <option value="1">Horsename</option>
            <option value="1">Yellw</option>
            <option value="1">Yeow</option>
        </select>
        <button class="moreinfo"onclick="moreinfo()">More Information</button>
        <button class="add"onclick="add()">Add to list</button>  
        </div>
    </div>
</section>


</body>
<script>


cloneIndex=1 //zähler für  erweiterung  der ID

function cloneIt( sourceID) {
  let node = document.getElementById(sourceID);
  const clone = node.cloneNode(true); //komplet mit Subelementen clonen
  clone.id = sourceID +'.'+cloneIndex++; //dem Kind  eine eigene Id  verpassen
  console.log('the Id of last clone is: '+ clone.id)
  document.body.appendChild(clone); //und  ins  Document  schreiben
}


for (i=1; i<=2;++i){cloneIt('blubb')} //mal  automatisch zwei Kopien erzeugen   
</script>

Bild zum Beitrag

...das Beispiel wie ich es hier gepostet habe ist auch nicht ganz koscher, da auch die Namen und Optionen der Formfelder gnadenlos geclont werden !

...damit hast Du mehrfach die gleichen select-Ids/-Namen.

keine Ahnung was Du eigentlich vorhast, darum spare ich mir diesbezüglich weitere Anpassungen

...für jedes Element die Buttons/Select-Boxen anzulegen ist ohnehin Schwachsinn. An Deiner Stelle würde ich den Aufbau des Projekts noch mal überdenken...

- (Code, JavaScript, Programmiersprache)

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

JavaScript, Code, Programmiersprache

18.02.2024, 23:37

Schau nach, ob alle Elemente mit den entsprechenden IDs in deinem Dokument zur Ausführungszeit des Skripts existieren. Wenn es beispielsweise kein Element mit der ID name1.2 gibt, würde die Skriptausführung vorzeitig aufgrund eines Laufzeitfehlers (Zugriff auf ein null-Objekt) abbrechen.

In der Browserkonsole solltest du ebenso eine entsprechende Fehlermeldung erhalten.

Chris102004

18.02.2024, 23:34

Ich würde die Funktion sehr einkürzen und so verwenden:

function copySelect(source, target) {
    document.getElementById(target).innerHTML = document.getElementById(source).innerHTML;
}

copySelect("name1.1","name1.2");
copySelect("name2.1","name2.2");

Auch kannst Du eine JSON List (Object) pro Select verwenden und die Werte dort reinkopieren. Wäre noch schöner, denke ich!

Woher ich das weiß:eigene Erfahrung

Ähnliche Fragen

HTML window.location.href geht nicht?

https://streamable.com/9pfpva

Ich weiss nicht genau wo hier der Fehler ist aber er leitet nicht beim richitgen namen und passwort weiter? Weiß jemand woran das liegt? Ich bin relativ am anfang mit html.

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            function login() {
                var username = document.getElementById('username').value;
                var password = document.getElementById('password').value;


                if (username === 'test123' && password === 'test') {
                    window.location.href = 'http://www.google.com';
                } else {
                    alert('Ungültiger Benutzername oder falsches Passwort.'); // Fehlermeldung bei ungültigen Daten
                }
                return false;
            }


            var loginButton = document.getElementById('loginButton');
            loginButton.addEventListener('click', login);
        });
    </script>

...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

Ton abspielen Javascript?

Hallo,

Ich möchte auf meiner html Seite einen Sound abspielen, wenn ein Button geklickt wird. Die Seite läuft über den Localhost.

html:

 <script src="script.js"></script>
    <script src="anmeldungj.js"></script>
   <script src="/socket.io/socket.io.js"></script>
    <audio id="ringtone" src="Sound2.mp3"></audio>

JavaScript

var RingSound;
var Sound = new Audio('Sound2.mp3')
RingSound = document.getElementById("ringtone");
...
function Send() {
    if (delay && messageInput.value.replace(/\s/g, "") != "") {
        delay = false;
        setTimeout(delayReset, 1000);
        socket.emit("send", messageInput.value);
        messageInput.value = "";
        RingSound.play();
        Sound.play();
    }
}

Der Pfad stimmt:

Es wird aber kein Sound abgespielt, ich habe es über zwei Varianten versucht.

Ich hoffe jemand kann mir helfen

Jannik

...zur Frage

Wie erstelle ich eine Seite,wo das Audiodatei automatisch spielt?

Hallo Leute,

Zurzeit beschäftige ich mich mit Javascript und möchte,dass bei einer Seite die Audiodatei automatisch anfängt zu spielen,sobald ich die seite öffne.

Das ist mein Javascript Code:

function ton() {

var audio=document.getElementById("audio");

audio.innerHTML='<audio autoplay><source src="WIN_20211211_16_26_17_Pro.mp4" type="audio/mpeg"/></audio>';

}

</script>

...zur Frage

Arduino Daten an HTML-Seite?

Ich habe gerade ein Projekt, indem ich versuche Daten vom Arduino auf eine HTML-Seite zu übertragen. Dabei benutze ich node.js.

Jedoch bin ich noch relativ neu in dem Thema und kenne mich nicht so gut mit Servern und node aus.

Im Moment erhalte ich ständig die Fehlermeldung: Server is not a consructor (const io = new Server('COM3'))

Quelltext aus app.js:

var http = require("http");
var fs = require("fs");
var index = fs.readFileSync("index.html");


var SerialPort = require("serialport");
const parsers = SerialPort.parsers;


const parser = new parsers.Readline({
  delimiter: "\r\n",
});


var port = new SerialPort("COM3", {
  baudRate: 9600,
  dataBits: 8,
  parity: "none",
  stopBits: 1,
  flowControl: false,
});


port.pipe(parser);


var app = http.createServer(function (req, res) {
  res.writeHead(200, {"Content-Type": "text/html"});
  res.end(index);
});


const Server = require('socket.io');
const io = new Server('COM3');


io.on("connection", function (socket) {
  console.log("Node is listening to port");
});


parser.on("data", function (data) {
  console.log("Received data from port: " + data);
  io.emit("data", data);
});

app.listen(3000);

Quelltext aus index.html:

<!doctype html>
<html>
    <head>
        <title>Test</title>


        <script src="https://cdn.socket.io/4.7.5/socket.io.min.js"></script>


    </head>
    <body>


        <h1> Communicating between an arduino and a html website</h1>


        <div id='sample'></div>


        <script>
            
            var socket = io();
            socket.on('data',function(data){
                console.log(data);
                document.getElementById('sample').innerHTML = data;
            });
            
        </script>
        
    </body>
</html>

...zur Frage

JavaScript: Wie kann ich ein Bild in mein Canvas einfügen?

Servus!

Ich möchte gerne ein Bild in mein Canvas einfügen. Es klappt aber nicht und die Konsole zeigt auch keine Fehlermeldungen an.

Ich habe folgenden Code:

var canvas = document.getElementById("gameScreen");
var context = canvas.getContext("2d");
var imgBall = document.getElementById('img_ball');

function make_ball() {
  imgBall = new Image();
  imgBall.onload = function() {
    context.drawImage(imgBall, 10, 10);
  }
}

make_ball();

In der HTML-Datei habe ich noch src und die id (img_ball) in das img-Tag geschrieben.

Vielleicht findet ja von euch jemand den Fehler.

Dankeschön.

...zur Frage

JS - Warum funktioniert der Button nicht Richtig?

Ich wollte ein simples Spiel mit JS programmieren und wollte einen Refresh des Bildschirms einfügen. An sich funktioniert das auch, jedoch reagiert der Button nicht immer. Je schneller der Refresh erfolgt, desto schlechter Funktioniert der Button. Kann mir da vielleicht jemand helfen?

<!DOCTYPE html>
<html lang="en">
<head>
    <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>
    <link href="miner.css" rel="stylesheet">
    <script src="miner.js"></script>
</head>
<body>
    <div class="monitor" id="monitor">
        <h1>Mine Tycoon</h1>
        <div>Mines: <font id="minesCounter">0</font></div><br>
        <div id="buyMineButton">
            <p class="button" onclick="buyMine()">Buy mine Cost: <font id="minesPrice">1</font></p>
        </div>
    </div>
</body>
</html>

body{
    background-color: #393939;
    color: #ffffff;
}


h1{
    text-align: center;
}


.button{
    height: auto;
    width: 180px;
    border-radius: 15px;
    outline: 2px solid red;
    outline-offset: 4px;
    text-align: center;
}
.buttonGreen{
    height: auto;
    width: 180px;
    border-radius: 15px;
    outline: 2px solid green;
    outline-offset: 4px;
    text-align: center;
}

var money = 100;


var mines = 0;
var minesPrice = 1;
var miners = 0;


var coal = 0;
var copper = 0;
var iron = 0;
var cobalt = 0;
var gold = 0;
var platinum = 0;
var diamond = 0;


var reload = 10;


function buyMine(){
    mines++;
    money -= minesPrice;
    minesPrice = minesPrice*2;
}


function loop(){
    
        setInterval(function(){
            refreshScreen();
        },1000/reload)
    
}


function refreshScreen(){
    minesCounter.innerHTML = mines;
    if(money < minesPrice){
        document.getElementById("buyMineButton").innerHTML = "<p class='button'>Buy mine Cost: <font id='minesPrice'></font></p>"
    }else{
        document.getElementById("buyMineButton").innerHTML = "<p class='buttonGreen' onclick='buyMine()'>Buy mine Cost: <font id='minesPrice'></font></p>"
    }
    document.getElementById("minesPrice").innerHTML = minesPrice;
}


loop();

...zur Frage

Panorama Bild wie bei Google Maps?

Hi,

Ich habe folgenden Code:

HTML:

<div id="panorama-container">
  <img src="https://media04.meinbezirk.at/article/2016/10/31/6/9445226_XXL.jpg" id="panorama-image" />


  <a href="#" id="fullscreen-button">Vollbildschirm</a>
</div>

CSS:

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
}


#panorama-container {
  width: 100%;
  height: 100%;
}


#panorama-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-width: auto;
  overflow-y: hidden;
}


#fullscreen-button {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}

JS:

var panoramaContainer = document.getElementById("panorama-container");
var panoramaImage = document.getElementById("panorama-image");
var fullscreenButton = document.getElementById("fullscreen-button");
var position = 0;
var initialX = null;


fullscreenButton.addEventListener("click", function() {
  if (panoramaContainer.requestFullscreen) {
    panoramaContainer.requestFullscreen();
  } else if (panoramaContainer.webkitRequestFullscreen) {
    panoramaContainer.webkitRequestFullscreen();
  } else if (panoramaContainer.mozRequestFullScreen) {
    panoramaContainer.mozRequestFullScreen();
  } else if (panoramaContainer.msRequestFullscreen) {
    panoramaContainer.msRequestFullscreen();
  }
});


document.addEventListener("touchstart", function(event) {
  initialX = event.touches[0].clientX;
});


document.addEventListener("touchmove", function(event) {
  if (initialX === null) {
    return;
  }


  var currentX = event.touches[0].clientX;
  var diffX = currentX - initialX;
  initialX = currentX;


  movePanorama(diffX); /* Change this value to adjust the speed of the movement */


  event.preventDefault();
});


document.addEventListener("touchend", function() {
  initialX = null;
});


function movePanorama(amount) {
  position += amount;
  panoramaImage.style.left =        position + "px";


 
  
}

Nun wird zwar das bild wie bei Google maps angezeigt, also genauer gesagt möchte ich das wenn ich auf meinem Bild nach links wische, dass es sich nach links dreht und rechts genau so. Das Problem ist nur wenn ich zu weit Wische, zeigt er mir ein weißen Screen, aber wie kann man das verhindern.

Vielleicht versteht ihr was ich meine

...zur Frage

JavaScript interval mehrmals aufrufen?

Hallo, ich habe das Problem, dass ich ein Interval mehrmals aufrufen möchte.

Jedoch kann ich immer nur eines abbrechen.

Ich hätte das Abbrechen so versucht:

clearInterval(interval + thema);

Funktioniert leider nicht.

                var zahl = 0;
                var intervalphp = setInterval(erhoeheZahl, 100, 90, 'php');
                var intervalcss = setInterval(erhoeheZahl, 100, 100, 'css');


                function erhoeheZahl(max, kreis, thema) {
                    zahl++;
                    console.log(zahl);
                    document.getElementById(kreis).innerHTML = zahl;
                    document.getElementById(kreis + 'kreis').style.background = `conic-gradient(#712e1e ${zahl * 3.6}deg, #ffd5af 0deg)`;


                    if (zahl >= max) {
                        clearInterval(interval + thema);
                    }
                }

Danke im voraus!

...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

Javascript Seitenübergreifend?

Hallo,

ich möchte in einen Html Code einen Javascript Code für Lesezeichen einfügen. Also ich habe eine Seite mit vielen Texten (Seite x), zu jedem Text gibt es einen Button, der das jeweilige Lesezeichen hinzufügen soll. Wenn dieser Knopf gedrückt wird, dann soll ein derzeit unsichtbarer Container (display: none;) auf display:flex; bzw. Sichtbar gestellt werden (in Seite y).

Der Code der diese Funktion ausführen soll wäre derzeit:

function textfield1() {

var x = document.getElementById("th1");

if (x.style.display === "none") {

x.style.display = "block";

} else {

x.style.display = "none";

}

Dieser Code wird natürlich nur auf Seite x ausgeführt
kann mir jemand helfen, dass dieser Container dann auf Seite y gezeigt wird?

...zur Frage

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. :)

...zur Frage

Javascript: Funktion nur ausführen wenn bedingung stimmt?

ich habe dieses JS :

function Rechner(){
	var x=document.getElementById("laenge").value;
	var y=document.getElementById("breite").value;
	document.getElementById("flaeche").value = xy;
}

jedes input hat das Attribut :

oninput="Rechner(this.value)"

Doch er soll die flaeche im Input nur ausgeben wenn wirklich laenge und breite ausgefüllt sind. derzeit zeigt er erst noch 0 an wenn nur 1 stimmt.

wie geht das ? kann man da irgendwie noch sagen "if isset laenge & breite" ?

...zur Frage

[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.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen