<!DOCTYPE html>
<html>
<head>
<title>Probando</title>
<script type="text/javascript">
function ocultar1() {
document.getElementById('nologrado1').style.display = "none";
}
</script>
</head>
<body>
<div id="nologrado1">
<h1>No logrado 1</h1>
<input type="submit" value="ocultar 1" onclick="ocultar1()">
</div>
<div id="nologrado2">
<h1>No logrado 2</h1>
<input type="submit" value="ocultar 2" onclick="ocultar2()">
</div>
<br><br><br>
<input type="text" placeholder="nota1">
<input type="text" placeholder="nota2">
<!--Quiero que este boton sume, la nota1 mas la nota 2, unicamente si el div logrado 1, esta ocultado.-->
<input type="submit" value="sumar" onclick="sumar()">
<!--Quiero que este boton sume, la nota1 mas la nota 2, unicamente si el div logrado 1, esta ocultado.-->
</body>
</html>
if(document.getElementById("nologrado1").style.display=="none")
{
.... esta oculto
}else{
.... esta visible
}
<!DOCTYPE html>
<html>
<head>
<title>Probando</title>
</head>
<body>
<div id="nologrado1">
<h1>No logrado 1</h1>
<input type="submit" value="ocultar 1" onclick="ocultar1()">
</div>
<div id="nologrado2">
<h1>No logrado 2</h1>
<input type="submit" value="ocultar 2" onclick="ocultar2()">
</div>
<br>
<input type="text" placeholder="nota1" id="nota1">
<input type="text" placeholder="nota2" id="nota2">
<input type="button" value="sumar" id="sumar">
<script type="text/javascript">
function ocultar1() {
document.getElementById('nologrado1').style.display = "none";
}
document.getElementById('sumar').addEventListener('click', function() {
if (document.getElementById('nologrado1').style.display == "none") {
let nota1 = Number.parseFloat(document.getElementById('nota1').value);
let nota2 = Number.parseFloat(document.getElementById('nota2').value);
let resultado = nota1 + nota2;
alert(resultado);
}
});
</script>
</body>
</html>