cofactor.html

---
layout: default
title: Cofactor Matrix
---

<style>

.grid-container {
  display: grid;grid-template-columns: auto auto auto auto;background-color: ;padding: 5px;width: 10px;

}
.grid-item {

  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
}

</style>

<script type="text/javascript">
  var s="";
  function func() {
    var n=document.getElementById('n').value;
    n=parseInt(n);
  var str="";
    document.getElementById('ma').innerHTML="";
    for(let i=0;i<n;i++)
    {
      str=str+"auto ";

    }
    s=str;
    const dStyle = document.querySelector('style');
    dStyle.innerHTML = `.grid-container{display:grid;align:center;grid-template-columns: ${str};padding: 5px;width: 10px;}`;

    for(let i=0;i<n*n;i++)
    {
      var div = document.createElement('div'); // is a node
      div.setAttribute('class', 'grid-item');

      div.innerHTML=`<input id="${i}"  type="text" size=1px  value="">`;

  document.getElementById("ma").appendChild(div);

    }


  }


</script>



<script type="text/javascript">
function fun() {
  const dtm = document.querySelector('style');//changing the contents of style tag to chnage the css of grid that is for input matrix1
  dtm.innerHTML = `.matrix:before { left: -6px;border-right: 0;display: block;} .grid-container{display:grid;align:center;grid-template-columns: ${s};padding: 5px;width: 10px;} .matrix:after { right: -6px;border-left: 0;display: block;}.paragraphout{background-color: lightgrey;margin-top:25px;font-size: 18px;line-height: 28.5px;color:black;padding-left: 15px;padding-right: 30px;margin-right:40px;text-align:left;display: block;} #out{display:block}`;

  document.getElementById('man1').innerHTML="";

  var n=document.getElementById('n').value;
  n=parseInt(n);
  let str1=[];
  for (let i=0;i<n;i++)
  {
    let a=[]
    for(let j=0;j<n;j++)
    {
      a.push(parseInt(document.getElementById(`${n*i+j}`).value));
    }
   str1.push(a);

  }
  var res=math.inv(str1);
  var adj=math.multiply(res,math.det(str1));
  var cofac=math.transpose(adj);
  for (let i=0;i<n;i++)
  {
  var tr = document.createElement('tr');
  var string="";
    for(let j=0;j<n;j++)
    {
      string=string+`<td class="mmm">${(cofac[i][j]).toFixed(2)}</td>`;
      tr.innerHTML=string;


    }
    document.getElementById("man1").appendChild(tr);

  }
document.getElementById('a1').innerHTML="Cofactor of given Matrix is: ";






  for (let i=0;i<n;i++)
  {
    var tr = document.createElement('tr');
  var string="";
    for(let j=0;j<n;j++)
    {
      string=string+`<td class="mmm">${(res[i][j]).toFixed(2)}</td>`;
      tr.innerHTML=string;


    }

  }


}


</script>


 <div class="right">
   <div class="main-heading">


    <h2 style="color:white;" ><strong>Co-factor Matrix</strong></h2>
   </div>

   <div class="paragraph">
<br>
    <p> The co-factor matrix is formed with the co-factors of the elements of the given matrix. </p><p>The co-factor of an element of the matrix is equal to the product of the minor of the element and -1 to the power of the positional value of the element.</p>

   <p>The co-factor matrix is useful to find the adjoint of the matrix and the inverse of the given matrix.</p> Here we shall learn how to find the co-factor matrix and the applications of the co-factor matrix.
<br><br>
   </div>
   <br><br>
   <img src="cofactor.jpg" alt="">
   <br>
   <br>
   <p >Now, Let's jump in to have fun, <strong>Practically trying them...</strong></p>


<h3><strong>Enter the order of matrix</strong></h3>
<br>
<div class="input">
  <input id="n"  type="text" oninput="func()"name="" placeholder="Enter the order of matrix">

</div>

<div id="ma"  class="grid-container">


</div>


<a class="submit" onclick="fun()"href="#footer">submit</a>
<br><br>
<h4 id="out" style="font-weight: bold;">OUTPUT SECTION:</h4>
<div class="paragraphout">

<br>
  <h4 id="a1"></h4>
  <br>
  <table align="center" id="man1" class="matrix">

  </table>


<br>

</div>

<footer id="footer"></footer>

</div>