DEV Community: Aliafify

streaming error on Peer connection. Uncaught (in promise) DOMException: The play() request was interrupted by a new load request

Aliafify — Wed, 15 Mar 2023 15:27:20 +0000

Mar 15 '23 Comments: 1 Answers: 0

I am working on video conference React.js app and if i used random ID from peer ,

const peer = new Peer()

it is working correctly but if i used specific ID if the user , the call request sent successfully into the other user but stream isn't work for…

Open Full Question

JavaScript brackets Challenge

Aliafify — Fri, 06 May 2022 03:30:44 +0000

write JavaScript function which take an a string of brackets as argument and return true if brackets with valid order ' { ( ) [ ] }' and false if brackets in invalid order [ ( ] ){ }

const bracketsString = '(){}[]'
function distribution(a){
 const b = a.split(''); // array of brackets 
const types =[{type:'{',name:'cur',close:'}'},{type:'(',name:'br',close:')'},{type:'[',name:'sq',close:']'}]

let valid =true;
    for (i = 0; i < b.length; i++) {
        if (!valid) { break }
        const Type = types.filter(t => t.type === b[i]);
        if (Type.length === 0) { continue; }
        const close = Type[0].close;

        let closeIndexs = [];
        for (i = i + 1; i < b.length; i++) {

            if (b[i] === close) {
                closeIndexs.push(i);

            }

        }
        if (closeIndexs.length === 0) {
            valid = false
            break;
        }
        const closeIndex = closeIndexs[0] 
        if (i % 2 === 0 && closeIndex % 2 !== 0) {
            return valid = true;
        }
        else if (i + 1 % 2 === 0 && closeIndex + 1 % 2 !== 0) {
            valid = true;
        }
        else { valid = false }

    }
return valid;
}
console.log( distribution(bracketsString))

#3 React Coding - Show/Hide An Element (Exercise)

Aliafify — Wed, 27 Apr 2022 12:36:13 +0000

/**
  Challenge: Make the button functional
  A click on button should toggle (show/hide) the string `Toggle Challenge` each time it is pressed

  Solution: https://codepen.io/angelo_jin/pen/abLwyrL
  Video for reference: https://youtu.be/VzNNjNmbXpY
**/
function App() {
  const [visible,setVisible] = React.useState(true);

  return (
    <>
      <button onClick={()=>setVisible(!visible)}>{visible?"Hide Element Below":"show Element Below"}</button>

      {visible&&(<div>Toggle Challenge</div>)}
    </>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));