마이라이프해피라이프

오늘의 코딩 일기 - 웹 페이지 시작 본문

일기

오늘의 코딩 일기 - 웹 페이지 시작

YONJAAN 2022. 7. 29. 02:10

1. input type="color"

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color

 

<input type="color"> - HTML: HyperText Markup Language | MDN

<input> elements of type color provide a user interface element that lets a user specify a color, either by using a visual color picker interface or by entering the color into a text field in #rrggbb hexadecimal format.

developer.mozilla.org

colorPicker.addEventListener("input", updateFirst, false);
colorPicker.addEventListener("change", watchColorPicker, false);

function watchColorPicker(event) {
  document.querySelectorAll("p").forEach(function(p) {
    p.style.color = event.target.value;
  });
}
  colorWell = document.querySelector("#colorWell");
  colorWell.value = defaultColor;

'일기' 카테고리의 다른 글

자존감이 계속 낮아지는 이유  (0) 2022.07.31
오늘의 코딩 일기 - 그래픽스 강의 들었다  (0) 2022.07.30
오늘의 코딩 일기  (0) 2022.07.27
하면 다 한다고  (0) 2022.07.25
바람 타고 와  (0) 2022.07.19