Question

How to change the text displayed on a button with JavaScript

Answer 1

<!DOCTYPE html>
<html>
  
<head>
</head>
  
<body>

<input type="button" id="button-id" value="Button">

<script>        

function changeButtonText(text) 
{
    document.getElementById("button-id").value = text;
    
}

/*
run:
  
the value of the "button-id" will change to 'Click Here'
    
*/

</script>

<button onclick="changeButtonText('Click Here')">Click To Change The Value</button>

</body>
</html>

 

70+ SQL courses for beginners and professionals

Answer 2

<!DOCTYPE html>
<html>
  
<head>
</head>
  
<body>

<form id="form_id">
<button id="button-id" type="submit">Hello</button>
</form>

<script>        

function changeButtonText(text) 
{
    document.getElementById("button-id").innerHTML = text;
    
}

/*
run:
  
the value of the "button-id" will change to 'Click Here'
    
*/

</script>

<button onclick="changeButtonText('Click Here')">Click To Change The Value</button>


</body>
</html>

 

70+ SQL courses for beginners and professionals