const p = 'The quick brown fox jumps over the lazy dog. If the dog reacted, was it really lazy?';
console.log(p.replaceAll('dog', 'monkey'));
// expected output: "The quick brown fox jumps over the lazy monkey. If the monkey reacted, was it really lazy?"
let selectedDeletedCard = document.querySelector(`#deleteCard${index}`);
selectedDeletedCard.style.display = 'flex';
} <div class="flex flex-col py-2">
<div class="flex justify-between">
<p class="font-bold cursor-pointer">Nathan Reidy</p>
<svg class="w-6 h-6 text-blue-400 cursor-pointer" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</div>import { globalTweetImgSrc, overlay, modal, modalStatusCard, modalTextArea, deleteBtnListener, deleteTweetImage, mobileMenu, mobileMenuCard, exitMobileMenuCard, mobileFooterNav, modalTweetFooterBarWrapper, modalTweetFooterBar } from './eventListeners.js';
import { allTweets, createTweet } from './logic.js';
import { createTweetCard, createTweetImageCard, createInteractiveBar } from './DOMmain.js';
import React, { useState } from 'react'
import Login from './Login'
import Register from './Register'
import './Auth.css'
function Auth() {
const [auth, setAuth] = useState("LOGIN")
const changeToLogin = () => setAuth("LOGIN");
const changeToSignup = () => setAuth("SIGNUP");
return (
<div className="auth-page__container">
{auth === 'LOGIN' ? <Login setAuth={changeToSignup} /> :
<Register setAuth={changeToLogin} />
}
</div>
)
}
export default Authfunction createTweetImage(imageSrc) {
const imageExitBtn = document.querySelector("#imageExitBtn");
const newImg = document.createElement("img");
newImg.className = "flex ml-14 mb-2 mt-6 mr-4 items-start h-80 object-cover border-2 rounded-3xl";
newImg.id="tweetImageID";
newImg.src = imageSrc;
imageExitBtn.after(newImg);
}