Как я могу изменить цвет фона холста с помощью «input color and onchange» - PullRequest
Новая
       5

Как я могу изменить цвет фона холста с помощью «input color and onchange»

0 голосов
/ 29 октября 2019

Мой учитель дал мне домашнее задание, но он не объяснил детали. Он просто сказал: «пишите JS-коды для изменения фона холста с помощью ввода цвета и события onChange». Пока я пробовал это, но я застрял: 

<!DOCTYPE html>
<html>
<body>
  <canvas id="canvas1" width="200" height="100"
style="border:1px; background:red ; color:blue ">
</canvas>
<form>
  <input type="button" onclick="myFunction()">
  <input type="color"  onchange="?">

</form>
<script>
function myFunction() {
  document.getElementById('canvas1').style.background = "green";
}
</script>

  </body>
</html>

1 Ответ

0 голосов
/ 29 октября 2019

Ты довольно близко. Что вы можете сделать, это добавить параметр для myFunction, который будет ссылкой на вход для себя, а затем использовать его для установки значения. Вот пример того, что я имею в виду:

Измените ввод на это: 

<input type="color"  onchange="myFunction(this)">

И измените функцию на это: 

function myFunction(self) {
    document.getElementById('canvas1').style.background = self.value;
}
...