How to read with JavaScript [closed]

by

you can use id to get the element you want to style.

<!DOCTYPE html>
<html>
<body>



<p  id="myp">Click the button to change the style of the p element.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
	var color1 = Math.floor((Math.random() * 255) + 1);
    var color2 = Math.floor((Math.random() * 255) + 1);
    var color3 = Math.floor((Math.random() * 255) + 1);
    
    document.getElementById("myp").style.color = "rgb("+color1+","+color2+","+color3+")";
}
</script>

</body>
</html>

More Related Contents:

  1. How can I generate the opposite color according to current color?
  2. Browsers automatically evaluate hex or hsl colors to rgb when setting via element.style.background?
  3. Close ad to continue as free user?
  4. How to add a black shadow on top of a div block with background image?
  5. How to change css of a div with a certain id when hovering over a certain element anywhere in the whole webpage?
  6. How do I change the text of a div when I hover over a button?
  7. CSS Circle without using background [closed]
  8. offsetting an html anchor to adjust for fixed header [duplicate]
  9. Can I have an element with an ID that starts with a number?
  10. Is it possible to alter a CSS stylesheet using JavaScript? (NOT the style of an object, but the stylesheet itself)
  11. Add a tooltip to a div
  12. Changing nav-bar color after scrolling?
  13. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  14. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  15. width/height after transform
  16. Can I apply CSS to the elements within an iframe?
  17. “pointer-events: none” does not work in IE9 and IE10
  18. Div Z-Index issue with Flash movie
  19. Change the style of :before and :after pseudo-elements? [duplicate]
  20. Dark mode flickers a white background for a millisecond on reload
  21. collapse and expand tabs jquery / simple accordion
  22. How to trigger CSS “hover state” using Javascript? [duplicate]
  23. Remove scrollbar but not scrolling functionality [duplicate]
  24. Gaussian Blur onHover Using jQuery
  25. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  26. fade effect using javascript no jquery?
  27. Is it possible to make input fields read-only through CSS?
  28. Iframe inherit from parent
  29. Freeze Header until Irrelevant (HTML, CSS and JS)
  30. Bootstrap Dropdown menu is not working

Leave a Comment