Clearing the textbox values onclick and displaying onblur

Question

Is there a way to clear the default textbox value onclick on textbox and display onblur of multiple textboxes on form page?

Answer 1

function Clear1(str)
{    
   document.getElementById(str).value= "";
}

function Clear2(str2)
{    
var aa1=document.getElementById(str2);
	if (aa1.value==""){  
    document.getElementById(str2).style.backgroundColor = "#ffcccc"; 
	}else{
    document.getElementById(str2).style.backgroundColor = "#ffffff";   
  }
}

https://jsfiddle.net/warunamanjula/qy0hvmyq/1/