Ejemplos de codigo con formato resaltado

<html>
<body>
<script>
  var c=0.001
  var tol=0.001
  var phnew = 4.67
  var phold=1
  var k1 = 0.0071
  var k2 = 6.3e-08
  var k3 = 4.2e-13
  var kw = 1e-14
  var kb = 1.8e-05
  var ka = kw / kb

  while ( Math.abs(phnew-phold) > tol ) {
    var phold=phnew
    var h = Math.pow(10, -phold)
	var nh4 = c * h / (h + ka)
	var d = h * h * h + k1 * h * h + k1 * k2 * h + k1 * k2 * k3
	var h2p = c * k1 * h * h / d
	var num = nh4 * ka + h2p * k2 + 2 * h2p * k2 * k3 / h + kw
	var den = 1 + h2p / k1
	var h = Math.sqrt(num / den)
	var phnew = -Math.log10(h)
  }
  document.write("pH = " + Math.round(phnew*100)/100 + "</b>")
</script>
</body>
</html>

Código 1: Código para el Programa 1. También disponible en: http://lucianoabriata.altervista.org/jsinscience/protoncondition/programa1.html (donde el código puede verse presionando Ctrl+U en la mayoría de los navegadores web).

<html>
<body>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js" ></script>

<div id="chart_div_1" style="width: 500px; height: 500px;" ></div>

<script>
  var pH=0, vols=[], pHs=[]
  for (pH = 0; pH < 14; pH=pH+0.05) {
    var h = Math.pow(10, -pH)
    r = 1e-14/h - h
    v = (20*r+2) / (0.1-r)
    if (v >0 && v<50) {
      document.write("<br >" + Math.round(v*100)/100 + "   " + Math.round(pH*100)/100)
      vols.push(v)
      pHs.push(pH)
    }
  }

  google.charts.load('current', {'packages':['corechart']});  google.charts.setOnLoadCallback(drawCharts);   

  function drawCharts() {
    var Combined1 = new Array();  
    Combined1[0] = ['Vol', 'pH'];

    for (i=0;i<vols.length;i++) {
      Combined1[i+1] = [ parseFloat(vols[i]), parseFloat(pHs[i])]
    }

    var data1 = google.visualization.arrayToDataTable(Combined1, false);
    var options1 = { title: 'Simulacion', hAxis: {title: 'Vol (ml)'}, vAxis: {title: 'pH'}, legend: 'none', pointSize: 1, explorer: {} };
    var chart1 = new google.visualization.LineChart(document.getElementById('chart_div_1'));
    chart1.draw(data1, options1);          
  }
</script>
</body>
</html>

Código 2: Código para el Programa 2. También disponible en: http://lucianoabriata.altervista.org/jsinscience/protoncondition/programa2.html (donde el código puede verse presionando Ctrl+U en la mayoría de los navegadores web).

<html>
<body>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<div id="chart_div_1" style="width: 500px; height: 500px;"></div>

<script>
  var pH=0, vols=[], pHs=[], k1=0.017, k2=6.4e-8
  for (pH = 0; pH < 14; pH=pH+0.05) {
    var h = Math.pow(10, -pH)
    r = 1e-14/h - h
    d=k1*k2 + k1*h + h*h
    a=(2*k1*k2 + k1*h) / d
    if (r<0.1) {
      v = (20*r+2*a) / (0.1-r)
      if (v>0 && v<50) {
        document.write("<br>" + Math.round(v*100)/100 + "   " + Math.round(pH*100)/100)
        vols.push(v)
        pHs.push(pH)
      }
    }
  }

  google.charts.load('current', {'packages':['corechart']});  google.charts.setOnLoadCallback(drawCharts);   

  function drawCharts() {
    var Combined1 = new Array();  
    Combined1[0] = ['Vol', 'pH'];

    for (i=0;i<vols.length;i++) {
      Combined1[i+1] = [ parseFloat(vols[i]), parseFloat(pHs[i])]
    }

    var data1 = google.visualization.arrayToDataTable(Combined1, false);
    var options1 = { title: 'Simulacion', hAxis: {title: 'Vol (ml)'}, vAxis: {title: 'pH'}, legend: 'none', pointSize: 1, explorer: {} };
    var chart1 = new google.visualization.LineChart(document.getElementById('chart_div_1'));
    chart1.draw(data1, options1);          
  }
</script>
</body>
</html>

Código 3: Código para el Programa 3. También disponible en: http://lucianoabriata.altervista.org/jsinscience/protoncondition/programa2.html (donde el código puede verse presionando Ctrl+U en la mayoría de los navegadores web).