我有一个简单的问题，但我似乎无法在任何地方找到答案。我目前正在尝试在模拟器（Chrome）的Visual Studio中运行一组简单的代码，但是当执行我的JavaScript时，浏览器会立即刷新，而我所做的更改也会丢失。
<html>
<body>
<p id="para1">my text</p>
<button onclick="myFunction()">submit</button>
<script>
function myFunction() {
var text = document.getElementById ("para1").style.color = "blue";
}
</script>
</body>
</html>
因此，当单击我的按钮时，我的段落文本会变成蓝色半秒，然后在浏览器自动刷新后立即变回黑色。如何解决此问题，以便在手动刷新浏览器之前文本保持蓝色？