Help with function please

Shachar · Apr 14, 2020

Hi,
I'm trying to create a function that will change the <body> background color (from GIF to color) if the user types text inside <textarea>.
I'm a complete beginner so I'm a bit lost here..
I tried with something like this but it doesn't really work:

HTML:

<!DOCTYPE html>
<html>
<body>
<textarea class="input" id="myTextarea">
</textarea>
<script>
const textArea = document.querySelector(".input");
function myFunction() {
  if ( textArea.value == "" )
  {
      document.body.style.backgroundImage = url('[URL]https://scx1.b-cdn.net/csz/news/800/2016/trackingwave.gif[/URL]');
  }
      else if (textArea != "" ) {
      document.body.style.backgroundColor = "black";
  }
}
myFunction()
</script>
</body>
</html>

sunfighter · Apr 14, 2020

Easiest way

Code:

<!DOCTYPE html>
<html>
<head>
  <style>
  body{background-image: url('01.jpg');}
  </style>
</head>
<body>
  <textarea class="input" id="myTextarea" oninput="myFunction()">
  </textarea>
<script>
function myFunction() {
      document.body.style.background = "black";
}
</script>
</body>
</html>

Shachar · Apr 14, 2020

sunfighter said:

Easiest way

Code:

<!DOCTYPE html>
<html>
<head>
  <style>
  body{background-image: url('01.jpg');}
  </style>
</head>
<body>
  <textarea class="input" id="myTextarea" oninput="myFunction()">
  </textarea>
<script>
function myFunction() {
      document.body.style.background = "black";
}
</script>
</body>
</html>

Thanks! is there an option to return the original background GIF if the user delets the input from the TEXTAREA?

Help with Visual Lightbox: Scripts	2	May 3, 2023
Please Help?	0	Jul 23, 2022
Problems with using event handlers for button and textarea input	1	Nov 29, 2021
I Need Help with making a function that draws in a canvas using location data.	1	Dec 17, 2021
Help please	8	Jul 7, 2023
Issue with textbox script?	0	Sep 5, 2022
Need help , Having problem with Drag n Drop ?	9	Dec 21, 2022
Help with code	0	Jun 12, 2022

Help with function please

Shachar

sunfighter

Shachar

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads