37 lines
1.0 KiB
HTML
37 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<title>Farbenlehre</title>
|
|
</head>
|
|
<body>
|
|
<label for="rot">Rot: </label>
|
|
<input id="rot" name="rot" type="number">
|
|
</br>
|
|
<label for="gruen">Grün: </label>
|
|
<input id="gruen" name="gruen" type="number">
|
|
</br>
|
|
<label for="blau">Blau: </label>
|
|
<input id="blau" name="blue" type="number">
|
|
</br>
|
|
<button id="calcbutton">Berechnen</button>
|
|
</br>
|
|
|
|
<table id="farben"></table>
|
|
|
|
<script>
|
|
let btn = document.getElementById("calcbutton");
|
|
let rot = document.getElementById("rot");
|
|
let gruen = document.getElementById("gruen");
|
|
let blau = document.getElementById("blau");
|
|
let table = document.createElement("table")
|
|
|
|
btn.addEventListener("click", updateTable);
|
|
table.id = "farben";
|
|
|
|
function updateTable() {
|
|
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|