Insérer du texte dans l’identifiant HTML après avoir cliqué sur un bouton (sans javascript)

Je souhaite inclure du texte dans une zone de texte (ID = button3) après avoir appuyé sur un bouton.

J’ai le code HTML suivant:

text before pressing the button>

Et à l’intérieur de javascript, je sais que je peux résoudre mon problème de deux manières différentes.

Option 1:

 var element=document.getElementById("button3"); element.innerHTML="text after pressing the button"; 

Option 2:

 $('#button3').text('text after pressing the button'); 

Pouvez-vous me donner une 3ème option avec des aides razor / html? Ceci est lié à une autre question que j’ai postée hier ( mon autre question ). Cependant, je pense que cette fois j’ai pu mieux expliquer mon problème.

Pour ce faire entièrement dans razor, vous devrez faire un appel au serveur. Pour ce faire, faites en sorte que votre vue soit fortement typée et prenez la valeur button3 du modèle à l’aide de razor.

Ajoutez un paramètre d’entrée (chaîne button3Value = “valeur initiale”) à votre méthode de contrôleur. Par défaut, cela correspond à votre valeur initiale de button3.

Vous pouvez ensuite utiliser un @ Html.ActionLink et transmettre la nouvelle valeur button3 à partir de votre bouton clic. Cela rechargera la page avec la valeur appropriée.

vous pouvez utiliser cette option

 $('#button3').html('text after pressing the button');